notesnook/apps/mobile/src/components/Container/index.js

import React from 'react';
import { KeyboardAvoidingView, Platform, SafeAreaView } from 'react-native';
import { useTracked } from '../../provider';
import useIsFloatingKeyboard from '../../utils/use-is-floating-keyboard';
export const Container = ({children}) => {
  const [state] = useTracked();
  const {colors, } = state;
  const floating = useIsFloatingKeyboard();
  return (
    <KeyboardAvoidingView behavior="padding" enabled={Platform.OS === 'ios' && !floating }
      style={{
        backgroundColor:colors.bg,
        width:"100%",
        height:"100%"
      }}
    >
      <SafeAreaView
        style={{
          height: '100%',
          backgroundColor:colors.bg,
          overflow:"hidden",
        }}>
      
        {children}
      </SafeAreaView>
    </KeyboardAvoidingView>
  );
};

export default Container;