ActionSheet appears behind Modal from react-native-modal on Android

How to / Third Party Tooling
1

Hi, I am using the actionSheet from expo and it shows behind my Modal on Android, I’m using SDK 34.0.3 and the react-native-modal, on IOS works fine. I tried to use this Expo Modal - Snack (ModalHost and Modal from expo) but those have been deleted from expo. Any suggestion? Thanks in advance

2

On Android, this library is more-or-less just simulating an iOS action sheet with an absolute-positioned view that covers the parent view. Modal is this weird thing at the OS level that covers even the parent view, so it’s covering everything, including your action sheet. It’s quite possible to use @connectActionSheet in multiple places, so what I’d recommend trying is (if you haven’t already) is turning whatever is inside your Modal into a separate component, applying the @connectActionSheet attribute there, and then calling it within your modal. In that case, the action sheet should render over the view inside the modal.

3

Greatest solution ever: Just move ActionSheetProvider to inside RN modal. Works sweetly

1 Like