question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Screen is transparent on app load when using redux and redux-persist

See original GitHub issue

My 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:closed
  • Created 5 years ago
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
chrfalchcommented, Apr 25, 2018

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.

0reactions
chrfalchcommented, Sep 6, 2018

Closing this one due to inactivity. @computerjazz

Read more comments on GitHub >

github_iconTop Results From Across the Web

Using redux-persist gate in react-native-navigation #3927
I had a similar problem with Mobx as well. If you use any async function to do anything before the first screen is...
Read more >
Reactjs, Redux - redux-persist - Stack Overflow
I am working on a reactjs/redux application - and using a Java Spring Boot codebase acting as an api. I've got a login...
Read more >
6. Create Onboarding and Splash Screen of Our App - YouTube
... are going to build react native news app from scratch. Here we will use redux, redux - persist, react -navigation 5 and...
Read more >
Persist state with Redux Persist using Redux Toolkit in React
I've already created an app that uses Redux Toolkit for state management. We'll use it in this tutorial to learn how Redux Persist...
Read more >
Use of Redux in React Native - Medium
When I stated using React Native for mobile app development, I found it very interesting but I feel it is incomplete without Redux....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found