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

wix / react-native-navigation

A complete native navigation solution for React Native

https://wix.github.io/react-native-navigation/

MIT License

13.04k stars 2.67k forks source link

[V6] Overlay doesn't display over modal from react-native-modal on Android #6185

Open truongduyng opened 4 years ago

truongduyng commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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 commented 4 years ago

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

guyca commented 4 years ago

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 !