React Native中如何设置SplashScreen（启动页）背景颜色？

我用React Native开发Android应用，借助Android Studio和模拟器调试，目前正在做启动页（SplashScreen），但遇到了无法给应用Logo设置背景颜色的问题。使用的图片尺寸为193×192，分辨率96 DPI。

相关情况说明 #

• 文件布局：项目中启动页相关文件的结构
• launch_screen.xml：启动页的布局配置文件
• colors.xml：已在其中定义了blue色值
• styles.xml：曾尝试添加代码 <item name="android:windowBackground">@color/blue</item>，但设置未生效
• 模拟器效果：启动页的上下区域呈灰色，设置的背景色没有生效

解决思路 #

1. 检查launch_screen.xml根布局的背景设置
   启动页布局的根容器（比如LinearLayout、ConstraintLayout这类）可能单独设置了背景色，会覆盖windowBackground的配置。打开launch_screen.xml，给根布局加上android:background="@color/blue"，确保布局自身的背景是目标颜色。

2. 确认styles.xml的样式是否被启动页Activity引用
   查看AndroidManifest.xml里的启动Activity（通常是MainActivity），检查它的android:theme属性是否指向你修改的那个样式。如果引用的是其他样式，你的修改自然不会生效。

3. 改用LayerDrawable实现window背景
   直接设置单一颜色容易被布局层级覆盖，建议创建一个layer-list类型的drawable来整合背景色和Logo：

   • 在res/drawable目录下新建splash_background.xml文件：

     <?xml version="1.0" encoding="utf-8"?>
     <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
         <!-- 底层背景色 -->
         <item android:drawable="@color/blue" />
         <!-- 居中放置Logo -->
         <item>
             <bitmap
                 android:gravity="center"
                 android:src="@drawable/你的Logo文件名" />
         </item>
     </layer-list>
     

   • 然后修改styles.xml里的配置：

     <item name="android:windowBackground">@drawable/splash_background</item>
     

   这种方式不需要依赖单独的launch_screen布局，直接通过系统window背景实现，能避免布局层级冲突。

4. 清除模拟器缓存并重建项目
   Android模拟器有时会缓存旧资源，导致新设置不生效。可以重启模拟器，或者在Android Studio中执行Build > Clean Project + Build > Rebuild Project后再重新运行应用。

5. 检查Logo图片的透明度
   确认你的Logo图片是透明背景的，如果图片本身带有白色或灰色背景，会遮盖你设置的背景色。可以用图片编辑工具查看并调整图片的透明属性。

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