React-native-navigation: Blank screen on android before multitasking

Created on 17 Nov 2017 · 6Comments · Source: wix/react-native-navigation

Issue Description

I've followed the guide for android. My App is possible to build and navigation is working.
With one issue - on Android I see an app only after I go to multitasking and back.

Here is an video:
http://take.ms/8ODDUw

Environment

React Native Navigation version: 0.50.2
React Native version: 1.1.273
Platform(s) (iOS, Android, or both?): Android
Device info (Simulator/Device? OS version? Debug/Release?): Debug, Android 7

🏚 stale

Source

alexmbp

👍9 ❤5 👎1

Most helpful comment

Yes!! This is what was getting me. My gosh took days to figure this out!!! Everytime I set it up and got this blank screen then gave up on RNN v1. Then I come back weeks later try again same. This third time I really struggled with it. And this is what it was.

I am on Android 6.

I didn't know what "multitasking" meant, but I fond this solution like this:
When you see the blank screen on startup in android:

1) hit the "square" button to show all open apps
2) Then press on your app
3) voila it renders

Here is screenshots of steps:

Noitidart on 21 Mar 2018

👍3

All 6 comments

I am on Android 6.

I didn't know what "multitasking" meant, but I fond this solution like this:
When you see the blank screen on startup in android:

1) hit the "square" button to show all open apps
2) Then press on your app
3) voila it renders

Here is screenshots of steps:

Noitidart on 21 Mar 2018

👍3

@Noitidart Yes! That's it! Honestly - I moved off from react-native-navigation for now and using react-navigation.
And yes - that was my issue and I was fixing it the same way. I just worry that it can be reproduced in production.

alexmbp on 22 Mar 2018

Oh, didn't know this gets "fixed" by entering open applications mode. I also get white screen if I exit and then relaunch application. Do you guys know if this happens only on emulator?

ppozniak on 6 Apr 2018

@ppozniak I didn't test on emulator. I only tested on device. But I only tested in dev mode. It probably doesnt happen in production mode, its probably due to the timing issue on Android dev mode similar to - facebook/react-native#14101 facebook/react-native#18372 facebook/react-native#12830

Android's debug mode is a mess: timeouts regularly desynchronize and scroll events are fired with some lag. On Android, you will experience issues when JS Dev Mode is enabled, and you might have trouble with unreliable callbacks and loop mode when it isn't.

Noitidart on 6 Apr 2018

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.