search

gorhom / react-native-bottom-sheet

A performant interactive bottom sheet with fully configurable options 🚀
https://gorhom.dev/react-native-bottom-sheet/
MIT License
7.06k stars 771 forks source link

[Bug]: Detached bottom sheet modal animates incorrectly #2047

Open doughsay opened 2 hours ago

doughsay commented 2 hours ago

Version

v5

Reanimated Version

v3

Gesture Handler Version

v2

Platforms

Android

What happened?

When a detached bottom sheet modal is presented, the bottom edge animates incorrectly. See the attached video:

bottom-sheet-detached-animation.webm

The height of the sheet appears to be too high at first, and then shrinks after opening. I took the example almost exactly from this page: https://gorhom.dev/react-native-bottom-sheet/detach-modal which shows the animation as I'd like it, without the sheet height animating:

https://github.com/user-attachments/assets/b7e2a2c8-ed4a-4478-838d-d80dcf0ebbbc

Reproduction steps

See my reproduction repo here: https://github.com/doughsay/bottom-sheet-example

This is not reproducible in a snack, because it appears Expo 52 is not available there yet. The example repo above does reproduce it.

Reproduction sample

https://github.com/doughsay/bottom-sheet-example

Relevant log output

No response

doughsay commented 2 hours ago

I tried reproducing in a snack, and it works as expected: https://snack.expo.dev/bfCKrXN2AHnfkRqXDbBRD. This only happens when using a non-expo-go development build, same exact code.