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.

Opening a new screen takes more time with FluidNavigator than with StackNavigator

See original GitHub issue

I am experiencing a white screen which shows for roughly 2 seconds when navigating to a FluidNavigator from another screen embedded inside a StackNavigator.

If this is the incorrect way to use the library, please could you explain how I can change the code in the Snack below so that it functions without the white screen?

https://snack.expo.io/B1ZDrVbZ7

Issue Analytics

State:
Created 5 years ago
Reactions:5
Comments:22 (8 by maintainers)

Top GitHub Comments

3reactions

Jonovonocommented, Oct 9, 2018

@chrfalch any solution to this? Am also navigating to a fluidNavigator from a stack and getting a white flash.

2reactions

jskidd3commented, Jun 16, 2018

I’ve only be able to test on iOS so far. This is a gif taken from the simulator:

Simulator

Top Results From Across the Web

Stacknavigator transition extremely slow · Issue #608 - GitHub

It takes two full seconds for the screen to change. ... Most certainly you return every time it gets called some kind of...

React Native - React Navigation slow transitions when nesting ...

The lagginess for me was with the transition between screens in a nested Stack Navigator. I tried using InteractionManager to resolve this, but ......

Fluid Transitions with React Navigation | by Christian Falch

The library offers a new stack-based navigator supporting shared element transitions and more (have patience — we'll get to the more part later) ......

fram-x - Bountysource

Opening a new screen takes more time with FluidNavigator than with ... navigating to a FluidNavigator from another screen embedded inside a StackNavigator...

Fixing common performance problems in React Navigation

An exciting project in React Native for one of Belgium's finest soccer teams turned into an opportunity to fix some React Navigation performance...