Element flash on push

[LouisKraemer]

Hi,

I'm trying to use this package but, even before I tried implementing shared element, I encounter a problem regarding flickering.

Whenever I navigate to a new page, I see the text element flash in black before it appears with it's real color (white in this case).

Here is how I use the navigator

const AppNavigator = createFluidNavigator(  
{
    Home: HomeScreen,
    BulbsList,
    BulbDetails
  },
  {
    initialRouteName: "Home",
    headerMode: "none",
    cardStyle: { backgroundColor: "##000000" }
  }
);

Any help would be greatly appreciated, thanks !

EDIT : I tried with just react-naviagtion and this bug doesn't appear

[MarianBe]

@Weegle99 is this possibly the same as #160 ?

[LouisKraemer]

@MarianBe Thanks for the response, no the flicker is realyy about what is gonna be displayed. Say that you have Page1 with Component1 and Page2 with Component2, when transitioning from Page1 to Page2, the text from Component2 will briefly flash in black at the begining of the transition

[MarianBe]

Have you tried the 'inline' prop yet?

[LouisKraemer]

I don't quite understand the inline property, could you explain ?

[chrfalch]

Try reproducing this with a simple snack on Expo and we'll have a look. Inline is used to avoid creating cloned elements during transitions.

[saadiyakazi]

Hi, I am facing the same issue when navigating from screen A to ScreenB , screenA components flash . It works fine on iOS , only shows up the flashing of components on android. Any update on a solution for this issue ? Where and how can be the INLINE prop used?

"react-navigation-fluid-transitions": "^0.3.1",
"react-navigation": "^3.1.2",
 expo: sdk32

[ashusath]

I am facing the same issue, also push and pop is too slow compared to StackNavigator. I am getting this issue only in Android, in iOS its working good. I have seen all the issues here but nobody is able to reproduce it on a snack on Expo. Can you guys please have a look into it. Any help into this will be appreciated.

[R1D3]

same issue ...