New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Image - White flickering when changing screen #14
Comments
i am having this same issue but without full size images. i have a dark background and if i disable the animation i get a brief flicker of a white background. |
Same issue here, @guyca any idea about a fix ? |
Is this somehow related to this issue #38 i'm having? |
Hey guys. Are you experiencing these issues in Android or iOS? |
Hey, I finally found the issue on my side. |
@maxs15 which component are you using instead for the click Event? |
I used TouchableWithoutFeedback for the moment. |
just tried with TouchableWithoutFeedback and had the same issue.. I also tried to setTimeout before pushing the new screen, same white flickering. I guess, it rerenders the whole application when you push to some screen, and it's not waiting for the componentDidMount event.. But I am not sure |
Well maybe you have a different problem, but in my case it was the issue. |
@guyca I created a very simple project repo, which shows the bug. Please take a look when you have time https://github.com/dropfen/wix-nav-flickering-issue |
Ok, the problem is, that React styles applies after the navigation started, and by default the backgroundColor is white, so this is the flicker effect.. To fix it, I took @maxs15 1. suggestion to apply a screenBackgroundColor in navigatorStyle, which is automatically added as the view.backgroundColor before React wakes up.. This was done in react-native-controllers, here's the PR |
So now, you can even have RED flickering, when you add
))) |
Awesome @dropfen ! Good job |
@dropfen Good job! Thanks. |
thanks guys :) |
I'm having these issues of white flickering on Android for the starting screens that have an image background. How can I solve it knowing that a color is not an option since it is too much different from the background images? On iOS I solved it with |
Is it a flicker or a fade animation? did you try defining |
@guyca Its a kind of a fade with white only when calling the app/res/values/styles.xml:
app/res/anim/no_animation.xml:
Please let me know if this was the correct approach or not. |
I had exactly the same issue running TouchableHighlight. |
Hi,
I own some screens with Image as a full background, i have flickering moment when the navigator push another screen. I'm new with react-native (6 days), i don't recognize this issue is related to this library or react-native instead.
I realize the Image component needed some of time to load my image raw. Any advice for me? i have idea for giving the Image a fade-in animation, after they loaded. Have a better solution?
Thanks
The text was updated successfully, but these errors were encountered: