search

fram-x / FluidTransitions

Fluid Transitions for React Navigation
MIT License
2.93k stars 194 forks source link

Element flash on push #165

Open LouisKraemer opened 5 years ago

LouisKraemer commented 5 years ago

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 commented 5 years ago

@Weegle99 is this possibly the same as #160 ?

LouisKraemer commented 5 years ago

@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 commented 5 years ago

Have you tried the 'inline' prop yet?

LouisKraemer commented 5 years ago

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

chrfalch commented 5 years ago

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 commented 5 years ago

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 commented 5 years ago

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 commented 4 years ago

same issue ...