[v4] | [v2] BottomSheetFooter with BottomSheetTextInput does not handle keyboard animation

[jamesdunay]

Bug

When the keyboard is opened the BottomSheetFooter, which contains a BottomSheetTextInput, moves to the correct position, but it does not animate to that position. Instead it instantly teleports there making the animation somewhat jarring. Does anyone know of a fix for this? I've tried a couple things, but not really had any successes.

Environment info

"@gorhom/bottom-sheet": "^4.4.3",
"react-native": "0.69.4",
"react-native-reanimated": "^2.4.1",
"react-native-gesture-handler": "^1.10.3",

Steps To Reproduce

Pretty simple really. BottomSheet + footer + text input. Focusing the text input should show the skipping animation.

[github-actions]

@jamesdunay: hello! 👋

This issue is being automatically closed because it does not follow the issue template.

[gabimoncha]

I confirm this is happening also on a Google Pixel 3XL and 4A device

[jamesdunay]

I'm not sure if I've come across the issue elsewhere with my dealings KeyboardAvoidingView + listening to the changes of Keyboard.listeners.

What seems like is happening is that the new position is (obviously correct), but it's being instantly applied as the new screen is rendered.

[github-actions]

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]

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

[iraybi]

Has anyone found any workaround?

[Wenceslauu]

Any news on this?

[dhaval97shah]

Guys, I am also facing the same issue, any solution?