Screen is transparent on app load when using redux and redux-persist
See original GitHub issueMy app uses a FluidNavigator as one route within a react-navigation TabNavigator. I’m storing nav state in redux and persisting with redux-persist. The initial route the FluidNavigator renders is a list, and when an item is tapped it becomes the header in the following screen. I’ll call the two screens ListScreen
and ItemScreen
.
All works well initially when navigating from ListScreen
to ItemScreen
, however, if I then refresh the app and it rehydrates from saved nav state, I see the underlying ListScreen
even though I was previously on ItemScreen
. Then the header item fromItemScreen
transitions in, and then it disappears.
Even though I appear to be back on ListScreen
, I still have two screens on the stack and according to my nav state I’m still on ItemScreen
. I can click buttons that are on ItemScreen
even though I can’t see them, so I believe the screen is there but at 0 opacity.
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (4 by maintainers)
Top GitHub Comments
Thanks so much @computerjazz for providing this example. I might know what this is all about and will test with some new features I’m working on.
Closing this one due to inactivity. @computerjazz