Android blank white screen after launch #3044

varqasim · 2018-04-15T11:12:34Z

Issue Description

When using react-native-navigation, the Android app launches but it only shows a white blank screen. It doesn't get connected to the debugger no matter what. Even when enabling or disabling the debugger, which I think isn't the problem. When checking Logcat in android studio this error stands out. E/unknown:ReactNative: Unable to display loading message because react activity isn't available It only happened after setting up my project with react-native-navigation that this happens.

This is only in Android, iOS works perfectly.

Steps to Reproduce / Code Snippets / Screenshots

Followed the set up for Android for the documentation and the end result of my MainApplication is

import com.airbnb.android.react.maps.MapsPackage;
import com.babisoft.ReactNativeLocalization.ReactNativeLocalizationPackage;
import com.brentvatne.react.ReactVideoPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.learnium.RNDeviceInfo.RNDeviceInfo;
import com.oblador.vectoricons.VectorIconsPackage;
import com.reactnativenavigation.NavigationApplication;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends NavigationApplication {

  @Override
  public boolean isDebug() {
    // Make sure you are using BuildConfig from your own application
    return BuildConfig.DEBUG;
  }

  public List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new ReactNativePushNotificationPackage(),
            new MapsPackage(),
            new ReactVideoPackage(),
            new VectorIconsPackage(),
            new ReactNativeLocalizationPackage(),
            new RNDeviceInfo()
    );
  }

  @Override
  public List<ReactPackage> createAdditionalReactPackages() {
    return getPackages();
  }

  @Override
  public String getJSMainModuleName() {
    return "index";
  }


}

As for MainActivity

import com.reactnativenavigation.controllers.SplashActivity;

public class MainActivity extends SplashActivity {

}

Environment

React Native Navigation version: ^1.1.440
React Native version: ^0.53.0
Platform(s) (iOS, Android, or both?): Android
Device info (Simulator/Device? OS version? Debug/Release?): Device and Simulator, Debug

The text was updated successfully, but these errors were encountered:

hamidhadi · 2018-04-17T07:12:57Z

@guyca I get this error too. How can we fix it?

kermopajula · 2018-04-17T08:09:22Z

+1

jctf · 2018-04-17T09:08:02Z

try following steps:

rm -rf node_modules
rm -rf ~/.rncache
yarn cache clean
rm -rf android/build

make sure that the Metro Bundler isn't running, if so kill it.

yarn install or npm install then start your react native android development.

ghost · 2018-04-17T10:33:31Z

I have the same issue :-(

varqasim · 2018-04-17T19:48:10Z

@jctf Thank you for your suggestion, tried but the same problem persists.

fcochim · 2018-04-23T06:01:11Z

1, Running in emulator and works fine, run on Device white Screen. Only Android, iOS works fine

juansalas · 2018-04-23T15:23:23Z

+1 Getting this error as well

jcsena · 2018-04-24T18:29:29Z

+1 the same error

pzw224 · 2018-05-05T06:52:59Z

+1 the same error
error message:
05-05 06:45:02.317 3511-3511/com.ngm E/unknown:ReactNative: Unable to launch redbox because react activity is not available, here is the error that redbox would've displayed: console.error: "Error while starting app: TypeError: undefined is not an object (evaluating 'PropRegistry_1.default.save')"

matzewagner · 2018-05-08T19:55:37Z

1 for same error

maitham · 2018-05-08T20:55:22Z

Same Error any solutions?

escote · 2018-05-14T03:17:07Z

same error

ATShiTou · 2018-05-14T12:35:45Z

It works well sometimes , and blank sometimes.

varqasim · 2018-05-15T00:33:05Z

I had to downgrade react-native for this to work. Here are my package versions:

"react-native": "^0.52.0",
"react": "^16.2.0",
"react-native-navigation": "^1.1.440",

And for my gradle settings for Android as I saw that it actually makes a difference in my case when using react-native-navigation:

compileSdkVersion 25 buildToolsVersion '27.0.1'

minSdkVersion 18 targetSdkVersion 22

implementation "com.android.support:appcompat-v7:25.0.0"

Hope this comes into use for someone out there. Have struggled with this error for weeks now, and this was the only solution that I could find for me to continue working.

adrienthiery · 2018-05-17T21:23:23Z

Hmmm, not sure if that can help, but in my case I had other errors after, especially No icon defined for tab MyProject.Home :

ReactNativeJS  E  Error while starting app: Error: No icon defined for tab MyProject.Home
unknown:ReactNative  E  Unable to launch redbox because react activity is not available, here is the error that redbox would've displayed: console.error: "Error while starting app: Error: No icon defined for tab MyProject.Home"

Adding Icons on my tabs actually solved the problem.

williamtran1988 · 2018-06-04T02:46:42Z

Yes, the problem exactly is missing icons define.

Geli25 · 2018-06-22T01:13:10Z

I am having the exact same issue, downgrading didn't seem to work either, I have not even started using tabs/icons.

Update: I am still having a blank screen, but that error is gone. Perhaps try this PR and see if it fixes the blank screen for you. (https://github.com//pull/2801/files))

1fabiopereira · 2018-07-30T12:33:45Z

I did the react-native upgrade to 0.56 after compiling on the android I get the following error when trying to open the application:

E/ReactNativeJS: undefined is not an object (evaluating '_reactNative.Image.resizeMode.stretch')
E/unknown:ReactNative: Unable to launch redbox because react activity is not available, here is the error that redbox would've displayed: undefined is not an object (evaluating '_reactNative.Image.resizeMode.stretch')

Any idea how can I solve that ?

brightsider · 2018-09-12T06:53:01Z

react-native 0.55.4 same error

hani647 · 2018-10-17T05:57:00Z

I also faced same issue when upgraded RNN from version 1.x.x to 1.1.x. Now again I've rolled back to RNN v 1.x.x by running command
yarn add react-native-navigation@1.x.x
Hope work for you as well !!

ayankhan2415 · 2019-05-22T19:03:07Z

Any Loin here to solve this error, i think there is no because react native has one drawback which is there are many Run time error, when we want to run our application, React js is better than React_native
why errors are coming

AlphaJuliettOmega · 2020-12-07T13:48:43Z

Installed RNN using the guide, now my 'Hello World' application is just a white screen with 0 errors, 0 debugging output.

Not happy that this thread is closed without anything being fixed.

muhnur29 · 2021-03-29T08:58:51Z

Issue Description

When using react-native-navigation, the Android app launches but it only shows a white blank screen. It doesn't get connected to the debugger no matter what. Even when enabling or disabling the debugger, which I think isn't the problem. When checking Logcat in android studio this error stands out. E/unknown:ReactNative: Unable to display loading message because react activity isn't available It only happened after setting up my project with react-native-navigation that this happens.

This is only in Android, iOS works perfectly.

Steps to Reproduce / Code Snippets / Screenshots

Followed the set up for Android for the documentation and the end result of my MainApplication is
import com.airbnb.android.react.maps.MapsPackage;
import com.babisoft.ReactNativeLocalization.ReactNativeLocalizationPackage;
import com.brentvatne.react.ReactVideoPackage;
import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
import com.facebook.react.ReactPackage;
import com.facebook.react.shell.MainReactPackage;
import com.learnium.RNDeviceInfo.RNDeviceInfo;
import com.oblador.vectoricons.VectorIconsPackage;
import com.reactnativenavigation.NavigationApplication;

import java.util.Arrays;
import java.util.List;

public class MainApplication extends NavigationApplication {

  @Override
  public boolean isDebug() {
    // Make sure you are using BuildConfig from your own application
    return BuildConfig.DEBUG;
  }

  public List<ReactPackage> getPackages() {
    return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new ReactNativePushNotificationPackage(),
            new MapsPackage(),
            new ReactVideoPackage(),
            new VectorIconsPackage(),
            new ReactNativeLocalizationPackage(),
            new RNDeviceInfo()
    );
  }

  @Override
  public List<ReactPackage> createAdditionalReactPackages() {
    return getPackages();
  }

  @Override
  public String getJSMainModuleName() {
    return "index";
  }


}
As for MainActivity
import com.reactnativenavigation.controllers.SplashActivity;

public class MainActivity extends SplashActivity {

}
Environment
* React Native Navigation version: ^1.1.440

* React Native version: ^0.53.0

* Platform(s) (iOS, Android, or both?): Android

* Device info (Simulator/Device? OS version? Debug/Release?): Device and Simulator, Debug

hei i have problem my project can't showing after run on my device
i build list view using array adapter
but nothing happen in my project just white screen and tittle project
can you help me answer please

guyca added the v1 label Apr 15, 2018

adrienthiery mentioned this issue May 17, 2018

(ANDROID) ReactNative: Unable to display loading message because react activity isn't available #3116

Closed

guyca closed this as completed Oct 18, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Android blank white screen after launch #3044

Android blank white screen after launch #3044

varqasim commented Apr 15, 2018

hamidhadi commented Apr 17, 2018 •

edited

kermopajula commented Apr 17, 2018

jctf commented Apr 17, 2018

ghost commented Apr 17, 2018

varqasim commented Apr 17, 2018

fcochim commented Apr 23, 2018

juansalas commented Apr 23, 2018

jcsena commented Apr 24, 2018

pzw224 commented May 5, 2018

matzewagner commented May 8, 2018

maitham commented May 8, 2018

escote commented May 14, 2018

ATShiTou commented May 14, 2018

varqasim commented May 15, 2018 •

edited

adrienthiery commented May 17, 2018

williamtran1988 commented Jun 4, 2018

Geli25 commented Jun 22, 2018 •

edited

1fabiopereira commented Jul 30, 2018 •

edited

brightsider commented Sep 12, 2018

hani647 commented Oct 17, 2018

ayankhan2415 commented May 22, 2019

AlphaJuliettOmega commented Dec 7, 2020

muhnur29 commented Mar 29, 2021

Issue Description

Steps to Reproduce / Code Snippets / Screenshots

Environment

Android blank white screen after launch #3044

Android blank white screen after launch #3044

Comments

varqasim commented Apr 15, 2018

Issue Description

Steps to Reproduce / Code Snippets / Screenshots

Environment

hamidhadi commented Apr 17, 2018 • edited

kermopajula commented Apr 17, 2018

jctf commented Apr 17, 2018

ghost commented Apr 17, 2018

varqasim commented Apr 17, 2018

fcochim commented Apr 23, 2018

juansalas commented Apr 23, 2018

jcsena commented Apr 24, 2018

pzw224 commented May 5, 2018

matzewagner commented May 8, 2018

maitham commented May 8, 2018

escote commented May 14, 2018

ATShiTou commented May 14, 2018

varqasim commented May 15, 2018 • edited

adrienthiery commented May 17, 2018

williamtran1988 commented Jun 4, 2018

Geli25 commented Jun 22, 2018 • edited

1fabiopereira commented Jul 30, 2018 • edited

brightsider commented Sep 12, 2018

hani647 commented Oct 17, 2018

ayankhan2415 commented May 22, 2019

AlphaJuliettOmega commented Dec 7, 2020

muhnur29 commented Mar 29, 2021

Issue Description

Steps to Reproduce / Code Snippets / Screenshots

Environment

hamidhadi commented Apr 17, 2018 •

edited

varqasim commented May 15, 2018 •

edited

Geli25 commented Jun 22, 2018 •

edited

1fabiopereira commented Jul 30, 2018 •

edited