React-Navigation 3 transparentCard
issue when used in conjunction with useScreens()
Using a React-Navigation StackNavigator, that has set transparentCard: true
cause some weird issues when also useScreens()
from react-native-screens
is used.
Issue Android : The second screen is unresponsive after navigating to it. Apparently there is a view blocking the UI.
Issue iOS : When having at lest 3 routes in the stack, when navigating back from the 3rd screen to the 2nd one, the UI is unresponsive. You can see in the example that the button is not clickable anymore, but the StatusBar button still works.
Removing transparentCard
from the createStackNavigator()
or removing useScreens()
solves this issue.