search

aksonov / react-native-router-flux

The first declarative React Native router
MIT License
8.99k stars 2.11k forks source link

Observed white flickering page transition to Scene with Tabs #2915

Closed k30r88 closed 6 years ago

k30r88 commented 6 years ago

Version

Tell us which versions you are using:

Expected behaviour

During transition Entering a scene with Tabs defined should be no white flickering page

Actual behaviour

During transition entering a scene observed a white flickering page only if the Tabs under the Scene has property

Steps to reproduce

For non-obvious bugs, please fork this component, modify Example project to reproduce your issue and include link here.

  1. Defined a Scene with some Tabs inside the Scene, Set property
  2. Observed white flicker page before entering that Scene that just created.
  3. We did not observer this white flicker page if property
asciifaceman commented 6 years ago

Are you working in an emulator or a physical device?

marcosmartinez7 commented 6 years ago

This seems to be a problem with react-navigation, they are planning to resolve this issue on IOs in v2, but RNRF only supports v1..

source:

https://github.com/wix/react-native-navigation/issues/358

Almaju commented 6 years ago

I have the exact same issue with react-native-router-flux@4.0.0-beta.27, but when animationEnabled is set to false. I had to put animationEnabled: true to solve it.

I use Apollo and every time a query is ran the screen does this white blinks.

Only on Android, not iOS though.

junchenjun commented 6 years ago

I have the same issue, and I am not using tabs, this both happens on Android and IOS, emulator and physical device. This is not easy to notice when you have a light color theme, my app has a night theme, when everything goes to dark, this white flickering became very annoying.

Anyone have a solution yet?

aksonov commented 6 years ago

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists

borstessi commented 4 years ago

I had the exact same issue mentioned above while using v4.2.0 and fixed it by setting the wrap property to false on the Tabs Component.

Since i use my own navbar solution this works fine, but could lead to problems if this is not the case.

kaushals9 commented 4 years ago

Please try to reproduce it with Example project and latest version 4.0.0-beta.40. Feel free to open if the issue still exists

Anyone have fixed this issue? I'm getting the same issue. My app has dark mode support so in dark mode, while changing the Tabs white screen flickering and It's looking very ugly. If anyone has fixed this issue with router flux library then please let me know. Thanks in advance. Here is an example: https://drive.google.com/file/d/1aGpVJBaJMCNeduVTCuT3MJCP1FEqEBf5/view?usp=sharing

My app using the version: "react-native-router-flux": "^4.0.6" I have also update from 4.0.6 to 4.2.0 but no luck.

KalanaPallemulla commented 2 years ago

I am getting the same issue on android. Anyone have fixed this issue on android?