[v4] [Android] [BottomSheetModal] Modal is not opening on Android, works on iOS

[bwees]

Bug

We see an odd bug when trying to get our app ready for an Android release. We are using BottomSheetModal and we have a useEffect to open the sheet when the app first loads. This technique works fine when on iOS but when we are on Android, they do not present. This happens in Expo Go as well as a release build. Our app is 100% open source and can be downloaded at: https://github.com/Maroon-Rides/MaroonRides. This issue also appears when trying to trigger a sheet open with a button, the sheet simply does not show and no errors are printed in console.

Here's some photos of expected vs actual behavior

Expected:

Actual:

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.4
react-native	0.74.3
react-native-reanimated	3.10.1
react-native-gesture-handler	2.16.1

Steps To Reproduce

1. Clone the https://github.com/Maroon-Rides/MaroonRides repo
2. Install dependencies and open with Expo Go on Android or other method
3. Map will load but bottom sheet modal will not appear

Describe what you expected to happen:

1. Bottom sheet modal appears like it does on iOS

Reproducible sample code

https://github.com/Maroon-Rides/MaroonRides

[bwees]

This appears to have been caused by a zIndex being set on the map component.