Fix Keyboard Avoiding issue on Expo

fix_keyboard_avoiding_issue_expo.js

import React from 'react'
import { View, ScrollView, KeyboardAvoidingView, Platform, StyleSheet } from "react-native";
import { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
import { getStatusBarHeight, getSafeBottomHeight } from "~/Utils";

const styles = StyleSheet.create({
  safeContainer: {
    flex: 1,
    backgroundColor: Colors.background,
    paddingTop: getStatusBarHeight(true),
    paddingBottom: getSafeBottomHeight(),
    paddingHorizontal: Metrics.space
  },
  scrollContainer: {
    flex: 1,
    backgroundColor: Colors.background
  },
  androidSafeScrollContainer: {
    backgroundColor: Colors.background,
    paddingTop: getStatusBarHeight(true),
    paddingBottom: getSafeBottomHeight(),
    minHeight: "100%"
  },
  avoidingView: {
    paddingHorizontal: Metrics.space,
    minHeight: "100%"
  }
});

export const SafeScrollKeyboardContainer = props => {
  const { children, style, contentContainerStyle, ...others } = props;

  if (Platform.OS === "android") {
    return (
      <ScrollView
        keyboardShouldPersistTaps="always"
        {...others}
        style={[styles.scrollContainer, style]}
        contentContainerStyle={[
          styles.androidSafeScrollContainer,
          contentContainerStyle
        ]}
      >
        <KeyboardAvoidingView behavior={null} style={styles.avoidingView}>
          {children}
        </KeyboardAvoidingView>
      </ScrollView>
    );
  }

  return (
    <KeyboardAwareScrollView
      keyboardShouldPersistTaps="always"
      {...others}
      style={[styles.scrollContainer, style]}
      contentContainerStyle={[styles.safeContainer, contentContainerStyle]}
    >
      {children}
    </KeyboardAwareScrollView>
  );
};