React Native应用程序首先显示白屏,然后转到应用程序

时间:2018-08-28 09:08:54

标签: javascript react-native

我正在运行React Native 0.56。当我启动我的应用程序时,它首先显示白色屏幕1秒钟,然后转到该应用程序。我的文件是:

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new BlurViewPackage(),
          new OrientationPackage(),
          new ReactVideoPackage(),
          new RNDeviceInfo(),
          new LinearGradientPackage()
      );
    }

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

  @Override
  public ReactNativeHost getReactNativeHost() {
    return mReactNativeHost;
  }

  @Override
  public void onCreate() {
    super.onCreate();
    SoLoader.init(this, /* native exopackage */ false);
  }
}

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "CONtv";
    }

    @Override
      public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        Intent intent = new Intent("onConfigurationChanged");
        intent.putExtra("newConfig", newConfig);
        this.sendBroadcast(intent);
    }
}

index.js

import {AppRegistry} from 'react-native';
import App from './src/App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);

如何使白屏不出现?这是在Android上发生的。

1 个答案:

答案 0 :(得分:0)

为解决白色屏幕问题,请添加启动屏幕。

对此https://android.jlelse.eu/the-complete-android-splash-screen-guide-c7db82bce565

进行检查