When I have a Modal open and make calls to Alert or ActionSheetIOS, nothing appears until I close the modal. Then they will appear. It seems that maybe they are appearing behind the Modal.
This seems to only be an issue in iOS (Android works ok). I have also tested this in plain React Native (not with Expo) and I do NOT see the issue.
How can I get the Alert / ActionSheetIOS to appear when a Modal is open?
Is it only appearing in the last Expo client ? If i build my app, would be it still be like this ?
I haven’t changed my app to Expo SDK 16 nor react-native 0.54 and now i have this issue.
This is definitely odd. @ericmorgan1 when i am testing your snack on ios, the first click on action sheet creates it behind the modal, and the second click creates it in front.
I’m having this issue as well, alerts and actionsheet is showing up behind my modals on the first try. After that, they appear correctly.
After the modal is closed, that first alert/actionsheet lingers on the screen.
I had an old version of Expo on my ipad and this issue was not occurring. After updating to the latest, the issue popped up again.
This is definitely related to the app on iOS. I’m seeing the issue on my ipad, iphone and xcode simulator.
I am not seeing this issue on android, via genymotion.
Even the latest update on the iOS store, 2.4.7 (12hours before this comment), has this issue still.
Just to reiterate, my build was always the same and I was testing a published expo app. Using that same exact published app, I had the issue on the latest version of the iOS expo app on devices and simulators.
You can use the Expo Modal API instead of the React Native one, like this: Expo Modal - Snack
I’ll work on getting some documentation up shortly. The main differences between the react-native Modal API and this are:
you need to use ModalHost at the root of your app, like a Provider. you should also ideally put it inside of any Providers so it has the same context available
only the context that is available to the ModalHost is available to Modal