react-native-bottom-sheet icon indicating copy to clipboard operation
react-native-bottom-sheet copied to clipboard

[Bug]: Keyboard hight change not detected on android

Open enisit opened this issue 6 months ago • 0 comments

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

Android

What happened?

Issue Description When using a BottomSheetTextInput inside a BottomSheetFooter, the input should correctly handle keyboard visibility. However, on Android, switching to the emoji keyboard causes a change in keyboard height, which is not currently handled correctly. As a result, the BottomSheetFooter, along with the input component, gets pushed behind the keyboard and becomes partially or completely hidden.

Expected Behavior The footer and input should adjust their position to remain visible when the keyboard height changes, including when switching to the emoji keyboard.

Actual Behavior Switching to the emoji keyboard on Android changes the keyboard height, but the BottomSheetFooter does not reposition accordingly and remains hidden behind the keyboard.

Device Info

  • Device: Google Pixel 6
  • OS: Android 15
  • Library version: @gorhom/bottom-sheet v5.0.6
  • React Native version: 0.79.3
  • Expo version: 53.0.11

https://github.com/user-attachments/assets/2d90e097-93bb-4318-867d-1cb1befed398

Reproduction steps

  1. Place a BottomSheetTextInput inside a BottomSheetFooter.
  2. Run the app on an Android device.
  3. Focus the input and open the keyboard.
  4. Switch to the emoji keyboard.
  5. Observe that the footer/input stays behind the keyboard.

Reproduction sample

https://snack.expo.dev/@enis.povio/bottom-sheet---issue-reproduction-template

Relevant log output


enisit avatar Jun 20 '25 12:06 enisit