React-native-navigation: [V6] Overlay doesn't display over modal from react-native-modal on Android

[truongduyng]

Issue Description

Overlay doesn't display over modal from react-native-modal on Android. On iOS, it works well.

Steps to Reproduce / Code Snippets / Screenshots

Try to show an overlay when opening a modal. It does shows but behind the modal.

---

Environment

• React Native Navigation version: 6.4
• React Native version: 0.62.2
• React Native Modal version: 11.5.6
• Platform(s) (iOS, Android, or both?): Android
• Device info (Simulator/Device? OS version? Debug/Release?): Simulator - Android 9 and 10 (API 28 & 29) - Both on debug and release

[guyca]

Hey @truongduyng
RNN doesn't play well with React Native's modals. Last time I checked, RN Modals are shown in a dialog. If this is still the case it might be tricky to resolve this as Overlays are added to the Activity window while Dialogs use their own Window.

[truongduyng]

hi @guyca
Thank for explaining. I think it is still the case. I have tried several things. Only the Android platform's ToastAndroid can display over but it doesn't support custom styles for now. So I think I need to have a overlay/toast component in my modal

[hamoudaarfaoui]

@guyca i still cant show a simple alert over a RNN overlay ! any solutions ?

[guyca]

Hey @hamoudaarfaoui, if you're referring to iOS alert then I believe there's already an issue about this ! This issue is about displaying Overlay on top of react native Modal !