[v4] | [v2] Keyboard flicker to top when open

[sandeepsuthar]

Bug

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.4
react-native	0.73.6
react-native-reanimated	3.8.0
react-native-gesture-handler	2.15.0

Steps To Reproduce

1. Keyboard flicker while opening
2. I am using react navigation and bottom sheet

Describe what you expected to happen:

1. Keyboard should not flicker while open

Reproducible sample code

// App.tsx <GestureHandlerRootView style={styles.main}> <SafeAreaProvider> <BottomSheetModalProvider> <ActionSheetProvider> <Provider store={store}> <AppNavigator /> <Toast config={ToastManager.toastConfig} /> </Provider> </ActionSheetProvider> </BottomSheetModalProvider> </SafeAreaProvider> </GestureHandlerRootView>

// AppNavigator.tsx <NavigationContainer theme={ExtendedTheme} ref={RootNavigation.navigation}> <StatusBar barStyle="dark-content" backgroundColor={Colors.white} /> <Stack.Navigator initialRouteName="SplashScreen" screenOptions={{headerShown: false, animationEnabled: false}}> <Stack.Screen name="SplashScreen" component={SplashScreen} /> <Stack.Screen name="AuthStack" component={AuthStackNavigator} /> <Stack.Screen name="HomeStack" component={HomeStackNavigator} /> </Stack.Navigator> </NavigationContainer>

// Used in a Screen from HomeStack <BottomSheetModal keyboardBehavior="interactive" keyboardBlurBehavior={'restore'} maxDynamicContentSize={hp(90)} ref={refModal} enableDynamicSizing={true}> <BottomSheetView style={styles.contentContainer}> <BottomSheetTextInput value="Awesome 🎉" style={styles.textInput} /> </BottomSheetView> </BottomSheetModal>

https://github.com/user-attachments/assets/3ef3c4ac-3793-4751-bcb5-40ffa3d529b9