反应原生android中的白屏问题答案

【问题标题】：White Screen Issue in react native android反应原生android中的白屏问题
【发布时间】：2020-12-18 23:28:51
【问题描述】：

我是 react native 的新手。当我在我的手机上安装后启动应用程序时，白屏出现了 2 到 3 秒，然后只加载了我的应用程序。此问题在启动应用程序超过 2 次时出现，并且仅出现在 android 而非 iOS 中。谁能帮我解决这个问题。

Androidmanifest.xml

<uses-permission android:name="android.permission.INTERNET" />

<application
  android:name=".MainApplication"
  android:label="@string/app_name"
  android:icon="@mipmap/ic_launcher"
  android:roundIcon="@mipmap/ic_launcher_round"
  android:allowBackup="false"
  android:theme="@style/AppTheme"
  android:usesCleartextTraffic="true">
    <service android:name="io.invertase.firebase.messaging.RNFirebaseMessagingService">
        <intent-filter>
            <action android:name="com.google.firebase.MESSAGING_EVENT" />
        </intent-filter>
    </service>
    <service android:name="io.invertase.firebase.messaging.RNFirebaseInstanceIdService">
        <intent-filter>
            <action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
        </intent-filter>
    </service>
    <service android:name="io.invertase.firebase.messaging.RNFirebaseBackgroundMessagingService" />
  <activity
    android:name=".MainActivity"
    android:label="@string/app_name"
      android:screenOrientation="portrait"
    android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
    android:windowSoftInputMode="adjustPan" android:launchMode="singleTop">
    <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
    </intent-filter>
  </activity>
  <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />
  <meta-data
 android:name="com.google.android.geo.API_KEY"
 android:value="AIzaSyDerv_tN-WH7gsjksngkjD3jSw0DCZnypf1M6lC82jI"/>
    <meta-data android:name="com.google.firebase.messaging.default_notification_icon" android:resource="@drawable/ic_stat_oak_leef_white" />
</application>
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
<uses-permission android:name="android.permission.VIBRATE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />

【问题讨论】：

您是否添加了某种代码，或者您只是想运行预生成的应用程序？
我刚刚关闭并重新运行应用程序
你能分享你的 AndroidManifest.xml 和你的导航文件吗？
我已经在描述中添加了。

标签： android react-native

【解决方案1】：

这是由 expo 的 OTA 更新功能引起的。默认情况下，该应用会在加载时检查更新，这需要时间。

将"updates": {"checkAutomatically": "ON_ERROR_RECOVERY" } 添加到您的app.json 以解决此问题。

您必须重新构建并重新安装您的应用才能使其生效。

【讨论】：

我在 app.json 中添加了 "updates": {"checkAutomatically": "ON_ERROR_RECOVERY" }。但仍然出现问题。