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.

[Android] Image disappears when using react-native-screens

See original GitHub issue

Describe the bug On Android when I want to close a screen, it first hides the images inside the screen and then pop’s the screen.

To Reproduce Steps to reproduce the behavior if possible, or a link to a reproduction repo:

  1. Open the reproduction project
  2. Click next page
  3. Use hardware back button to go back
  4. See that image is hidden before transition.

Please take a look at this issue: https://github.com/software-mansion/react-native-screens/issues/797

Seem likes the issue is somewhere between react-native-fast-image and react-native-screens. Based on the reproduction example you can see that using createStackNavigator instead of createNativeStackNavigator fixes the issue as well as using Image(from react-native) instead of one from react-native-fast-image.

I also noticed that commenting out requestManager.clear(view) in onDropViewInstance in node_modules/react-native-fast-image/android/src/main/java/com/dylanvann/fastimage/FastImageViewManager.java also fixes the issue.

However I don’t have enough knowledge about any of this projects to investigate in further.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:6

github_iconTop GitHub Comments

2reactions
JEGardnercommented, Apr 22, 2021

I am also hitting this issue after upgrading from createStackNavigator to createNativeStackNavigator. The image appears fine, but disappears during the transition when navigating back via either the hardware button or function call from in the app. Does anyone have any ideas?

1reaction
zhuanghongjicommented, Sep 18, 2021

Hitting the issue when using createNativeStackNavigation in react-navigation 6.x,did author plan to fix it ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

With React Native images disappear after some time when ...
After some time, on the real device, when the app is reloaded, all images are gone (not visible). I can reproduce this very...
Read more >
Android images disappear randomly in app : r/reactnative
Android images disappear randomly in app. Hi All,. Have an interesting problem that's pretty difficult to replicate.
Read more >
Create a Splash Screen - Expo Documentation
You can control when the splash screen disappears by using the native ... use one splash image for both iOS and Android -...
Read more >
Troubleshooting - React Native
Try downgrading your Gradle version to 1.2.3 in android/build.gradle . react-native init hangs​. If you run into issues where running npx react- ...
Read more >
React Native Navigation: Tutorial with examples
This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via...
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