You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If I set a backdrop component with opacity and set bottomInset prop to the BottomSheetModal using useSafeAreaInsets hook ('react-native-safe-area-context'), when the BottomSheetModal is presented, the backdrop component appears at the bottom using the bottomInset height.
Environment info
Trying it with the Expo App SDK 50, iPhone 15 Pro (iOS Version 17.4.1)
Library
Version
@gorhom/bottom-sheet
4.6.1
react-native
0.73.6
react-native-reanimated
3.6.2
react-native-gesture-handler
2.14.0
Steps To Reproduce
Present the BottomSheetModal and see the error at the bottom of the screen.
Describe what you expected to happen:
The bottomInset space should be filled with the BottomSheetModal background, not the BackdropComponent's one.
sofi-algoritcom
changed the title
[v4] | [v2] Backdrop component with opacity appears at the bottom when bottomInset is set to BottomSheetModal
[v4] Backdrop component with opacity appears at the bottom when bottomInset is set to BottomSheetModal
Apr 26, 2024
Hey @vinesh4Real! The workaround I applied was to not pass any value to the bottomInset prop, but instead, I added a paddingBottom to the footer component with the insets.bottom value taken from useSafeAreaInsets() ('react-native-safe-area-context').
Bug
If I set a backdrop component with opacity and set bottomInset prop to the BottomSheetModal using useSafeAreaInsets hook ('react-native-safe-area-context'), when the BottomSheetModal is presented, the backdrop component appears at the bottom using the bottomInset height.
Environment info
Trying it with the Expo App SDK 50, iPhone 15 Pro (iOS Version 17.4.1)
Steps To Reproduce
Describe what you expected to happen:
Reproducible sample code
The text was updated successfully, but these errors were encountered: