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

import React from 'react';
import { KeyboardAvoidingView, Platform, SafeAreaView } from 'react-native';
import useIsFloatingKeyboard from '../../utils/hooks/use-is-floating-keyboard';
import { Header } from '../header';
import SelectionHeader from '../selection-header';
export const Container = ({ children }) => {
  const floating = useIsFloatingKeyboard();
  return (
    <KeyboardAvoidingView
      behavior="padding"
      enabled={Platform.OS === 'ios' && !floating}
      style={{
        flex: 1
      }}
    >
      <SafeAreaView
        style={{
          flex: 1,
          overflow: 'hidden'
        }}
      >
        <SelectionHeader />
        <Header title="Header" screen="Header" />
        {children}
      </SafeAreaView>
    </KeyboardAvoidingView>
  );
};

export default Container;