search

gorhom / react-native-bottom-sheet

A performant interactive bottom sheet with fully configurable options 🚀
https://ui.gorhom.dev/components/bottom-sheet
MIT License
6.6k stars 734 forks source link

[v4] BottomSheetFooter animation does not work with BottomSheetTextInput #1863

Closed 77zv closed 1 month ago

77zv commented 2 months ago

Bug

When you use a BottomSheetTextInput inside a BottomSheetFooter, the footer reacts to a keyboard opening by "teleporting" to the correct position without an animation. The following is a video example. https://github.com/gorhom/react-native-bottom-sheet/assets/97407806/c9571aba-cf1a-4fd4-9287-2ff32af298a0

Environment info

Library Version
@gorhom/bottom-sheet ^4
react-native 0.74.1
react-native-reanimated 3.10.1
react-native-gesture-handler 2.16.2

Steps To Reproduce

  1. Use a BottomSheetTextInput inside a BottomSheetFooter component

Describe what you expected to happen:

  1. When focused on the BottomSheetTextInput, the entire footer should move to avoid the keyboard with an animation (animation currently does not work)

Reproducible sample code

https://staging-snack.expo.dev/jTr3DrUym5MEeeP5NN0g4

github-actions[bot] commented 1 month ago

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

github-actions[bot] commented 1 month ago

This issue was closed because it has been stalled for 5 days with no activity.

zcmgyu commented 1 month ago

Not stale. I have the same issue

https://github.com/user-attachments/assets/21eff36d-a3e1-4899-a6ce-6683a7ac89ca