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

Published 20 hours ago • verified publisher icon gorhom

[v4] BottomSheetFooter animation does not work with BottomSheetTextInput

Open 77zv opened this issue 8 months ago • 0 comments

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

77zv avatar Jun 15 '24 23:06 77zv