chore: handle keyboard and formsheet together in progress

[maciekstosio]

Description

Changes

Test code and steps to reproduce

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { Button, View, TextInput, Text } from 'react-native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

const RootStack = createNativeStackNavigator();

function RootStackHost() {
  return (
    <RootStack.Navigator screenOptions={{headerShown: false}}>
      <RootStack.Screen name="Root" component={RootScreen} options={{}} />
      <RootStack.Screen name="FormSheet" component={FormSheet} options={{
        presentation: 'formSheet',
        // sheetAllowedDetents: 'fitToContents',
        sheetAllowedDetents: [0.5, 0.7],
      }} />
    </RootStack.Navigator>
  );
}

const RootScreen = ({navigation}) => (
  <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}>
    <TextInput style={{borderColor: '#f0f', borderWidth: 1, padding: 10, backgroundColor: '#fff'}} />
    <Button title="Go to Tabs" onPress={() => navigation.navigate('FormSheet')} />
  </View>
);

const FormSheet = ({navigation}) => {

  return (
      <View style={{
        flex: 1,
        // height: 400,
        borderWidth: 5,
        borderColor: '#ff0',
      }}>
        <Text style={{textAlign: 'center', position: 'absolute'}}>FormSheet</Text>
        <TextInput style={{borderColor: '#f0f', borderWidth: 1, padding: 10, backgroundColor: '#fff'}} />
      </View>
  );
};

function App() {
  return (
    <NavigationContainer>
      <RootStackHost />
    </NavigationContainer>
  );
}
export default App;

Checklist

• Included code example that can be used to test this change
• Updated TS types
• Updated documentation:
  • https://github.com/software-mansion/react-native-screens/blob/main/guides/GUIDE_FOR_LIBRARY_AUTHORS.md
  • https://github.com/software-mansion/react-native-screens/blob/main/native-stack/README.md
  • https://github.com/software-mansion/react-native-screens/blob/main/src/types.tsx
  • https://github.com/software-mansion/react-native-screens/blob/main/src/native-stack/types.tsx
• Ensured that CI passes