Modal is not visible on stacked page with react-navigation/native-stack

Current behaviour

Modal (or anything inside Portal component) is not visible on stacked pages when I use Native Stack Navigator from react-navigation. It is actually behind the modal screen. Its only working when ‘UIModalPresentationCurrentContext’ is used (for example presentation: 'containedModal'. https://reactnavigation.org/docs/native-stack-navigator#presentation

repro: https://github.com/alesdvorakcz/navigationtest

Expected behaviour

I am not 100% sure if a fix/support needs to be done on react native paper side or if its outside of your scope. But at least some explanation in docs would be maybe helpful for other users.

###Environment

software	version
ios	15
react-native	0.66.2 (also tested on 0.63.2)
react-native-paper	4.10.0
@react-navigation/native	6.0.6
@react-navigation/native-stack	6.2.5
react-native-screens	3.9.0
react-native-vector-icons	9.0.0

[iM-GeeKy]

Here is a snack demonstrating the issue as well. @lukewalczak What’s your recommendation on this?

[iM-GeeKy]

Hello, I guess you are missing Portal.Host around your screens. Please take a look on the presented snack and let me know if it fix your issue.

Thanks for the quick response. I did ultimately end up getting it resolved by rearchitecting the navigation, but your solutions works as well. Feel free to close this and thanks again.