KeyboardAvoidingView + React Navigation v5

App.js

import {
  HeaderHeightContext
} from "@react-navigation/stack"; <
HeaderHeightContext.Consumer > {
    headerHeight => ( <
      KeyboardAvoidingView {
        ...(Platform.OS === "ios" ? {
          behavior: "padding"
        } : {})
      }
      // you might need sometimes👇
      contentContainerStyle = {
        {
          flex: 1
        }
      }
      // chances are you might be using react-navigation
      // if so 👇
      keyboardVerticalOffset = {
        headerHeight + 64
      }
      // You can import Header Component from react-navigation and it has height attached to it
      // 64 is some extra padding, I feel good, feel free to tweak it
      >
      {
        children
      } <
      /KeyboardAvoidingView>
    )
  } <
  /HeaderHeightContext.Consumer>