Problem with bottom and header navbar with expo

[daniakbar]

i want to show the modal on top navbar, i have to try with zIndex at but not working,...please help how to fix it, thnks🙂

update : done! with top bar, with change the modal render position , but bottom navbar stil on top

[Trashpants]

Bump to this im also having the same error using react-navigation.

Ive spent a while looking at the react-navigation example however I absolutely cannot understand how react navigation is applied at app in the project?

The only way around this I can think of right now is to apply the modalize window at root level with AppContainer and then attempt to inject and alter it however this seems ridiculously messy

[hirbod]

adding prop withReactModal is what you need, but it breaks the swipe gestures on android unfortunately, but works great on iOS

[jeremybarbet]

Hi!

Yes, you can use withReactModal but as @hirbod it breaks the gestures on android, which is a known issue from react-native and react-native-gesture-handler.

Another solution, is to create a Modal provider with Modalize on it and add it to the root of your app. Then on the screen you need have the modal you call your context to toggle it.

[ardyfeb]

@daniakbar you probably need https://www.npmjs.com/package/react-native-portal to render modalize on root component

[minayaleon]

For Android, you can use this
shadowRadius: 8, borderRadius: 8, ...Platform.select({ android: { elevation: 0, }, }),

[jeremybarbet]

I will close that due to inactivity. A provider to open Modalize from a root parent would be the best approach. If nobody opens a PR, I will try to do it when I find free time!