React Native Android启动前置图标闪屏问题求助

那个短暂出现的黑底图标页面是安卓系统的启动预览窗口，是系统在应用加载资源前显示的默认界面。你可以通过以下步骤消除或让它和自定义闪屏保持一致：

1. 修正闪屏主题配置 #

修改styles.xml，让闪屏主题独立继承基础主题，避免和AppTheme的配置冲突：

<resources xmlns:tools="http://schemas.android.com/tools">
  <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:textColor">@android:color/black</item>
    <item name="android:editTextStyle">@style/ResetEditText</item>
    <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <!-- 移除AppTheme里的windowBackground和windowDisablePreview，让它只作为应用主主题 -->
  </style>

  <style name="ResetEditText" parent="@android:style/Widget.EditText">
    <item name="android:padding">0dp</item>
    <item name="android:textColorHint">#c8c8c8</item>
    <item name="android:textColor">@android:color/black</item>
  </style>

  <!-- 重新定义闪屏主题，直接继承基础主题 -->
  <style name="Theme.App.SplashScreen" parent="Theme.AppCompat.NoActionBar">
    <item name="android:windowBackground">@drawable/splashscreen</item>
    <!-- 禁用系统启动预览，直接显示自定义闪屏 -->
    <item name="android:windowDisablePreview">true</item>
    <!-- 确保状态栏和导航栏颜色和闪屏一致 -->
    <item name="android:statusBarColor">@color/splashscreen_background</item>
    <item name="android:navigationBarColor">@color/splashscreen_background</item>
  </style>
</resources>

2. 配置AndroidManifest.xml #

找到启动Activity（通常是MainActivity），将它的android:theme设置为闪屏主题，而不是AppTheme：

<activity
  android:name=".MainActivity"
  android:label="@string/app_name"
  android:theme="@style/Theme.App.SplashScreen" <!-- 这里用闪屏主题 -->
  android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
  android:launchMode="singleTask"
  android:windowSoftInputMode="adjustResize">
  <intent-filter>
      <action android:name="android.intent.action.MAIN" />
      <category android:name="android.intent.category.LAUNCHER" />
  </intent-filter>
</activity>

3. 让预览页和自定义闪屏完全一致（可选） #

如果不想禁用预览，而是让预览页和你的自定义闪屏一模一样，可以修改splashscreen.xml，把应用图标也加入layer-list：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
  <!-- 闪屏背景 -->
  <item android:drawable="@color/splashscreen_background"/>
  <!-- 应用图标，居中显示 -->
  <item>
    <bitmap
      android:gravity="center"
      android:src="@mipmap/ic_launcher" /> <!-- 替换成你的图标资源 -->
  </item>
</layer-list>

4. 清理缓存并重建项目 #

执行以下命令确保配置生效：

# 清理安卓构建缓存
cd android && ./gradlew clean
# 重新运行应用
npx react-native run-android

内容的提问来源于stack exchange，提问作者srbarr