Screens are blank for a few frames when navigating to them

Not sure if this is expected behavior or it’s something to do with my configuration, but here’s a video slowed down to 25% speed

My navigator setup:

StackNavigator: {
    DrawerNavigator: {
        BottomTabNavigator: {
            StackNavigator: {
                Screen
            }
            StackNavigator: {
                Screen
            }
            ...SimilarStackNavigators
        }
    }
}

Happy to answer any other questions about my implementation. My app works significantly smoother now, very excited about this project.

[kmagiera]

I wonder if this issue is related to the one reported on react-navigation repo https://github.com/react-navigation/react-navigation/issues/5382

Does any of you observe this problem when using something else than tab navigator? The issue I mentioned above is specific to tab navigator and Android. I managed to find the root cause and submit a fix to react-navigaton-tabs repo (https://github.com/react-navigation/react-navigation-tabs/pull/80)

Please let me know if you can repro this in some other setup

[kmagiera]

Hey @K-Leon – unfortunately I have no idea how router flux is using react navigation under the hood but as far as I remember the change that fixed it in react navigation has been merged to 3.X not 2.X (might be wrong tho).

What helped me debug this in the past was to try record transision using screen recording and then playing in slow motion (managed to notice it was actually the transparency that’s changed). If you have time to prepare such video and post it here in slow motion that might help.

I’m actually going to close this issue as it has been addressed a while ago. Can you please open a new one to hold the discussion about router flux?