question-mark
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.

flickering and blinking view on navigation.goBack()

See original GitHub issue

Thanks for the awesome library which reduced react navigation’s memory usage in my case. but when navigation.goBack() called, the view flickers.

react native version: 0.57.8
react navigation version: 2.18.0
react native screens version: 1.0.0-alpha.22
platform: Android
mode: Production
Device: Samsung Galaxy S6
Android Version: 7.0

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:7
  • Comments:90 (20 by maintainers)

github_iconTop GitHub Comments

24reactions
ex-gitcommented, Jan 10, 2021

This works for me. With enableScreens() also. Resolved the flicker/white edge in dark theme when switch screen.

<Stack.Navigator
  screenOptions={({ navigation }) => {
    return {
      detachPreviousScreen: !navigation.isFocused(),
    }
  }}
>
16reactions
sa8abcommented, Jul 11, 2020

This works for me:

<View
      style={{
        flex: 1,
        backgroundColor: 'black',
      }}>
      <NavigationContainer>
        <StackNavigator />
      </NavigationContainer>
    </View>

it’s the return of app.js file, NavigationContainer imported from react navigation V5 instead of black use your own color.

Read more comments on GitHub >

github_iconTop Results From Across the Web

White flickering when transitioning to a new screen and the ...
I resolved the white flickering issue by setting the property in NavigationContainer of React-Navigation v5.
Read more >
React navigation causes screen to flicker with Stack ... - Reddit
I made a post about this yesterday, but this is before i realized that this is a react navigation issue. The issue is...
Read more >
React Navigation Flickering - Expo Snack
React Navigation Flickering. Example of React Native Image inside Button Paper. Open with Expo Go. Open in editor. Need Expo? Don't have the...
Read more >
Common mistakes - React Navigation
Common mistakes. This section attempts to outline issues that users frequently encounter when first getting accustomed to using React Navigation and serves ...
Read more >
RANDOM Flickering Opacity Transitions in After Effects!
Animation Preset and Project File - https://www.patreon.com/boonelovesvideo Playing around with the random () expression to create different ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found