如何在React-Native [Android]项目中替换加载页面默认Logo？

针对create-react-native-app创建的Expo基础项目 #

• 准备适配多分辨率的自定义Logo图片，建议尺寸：
  • 基础图：432×432（命名为splash.png）
  • 2倍图：864×864（命名为splash@2x.png）
  • 3倍图：1296×1296（命名为splash@3x.png）
    将这些图片放入项目的assets目录下
• 打开项目根目录的app.json文件，修改splash配置段：

  "splash": {
    "image": "./assets/splash.png",
    "resizeMode": "contain",
    "backgroundColor": "#ffffff"
  }
  

  • image字段填写你的Logo文件路径
  • resizeMode可选contain（保持Logo比例，背景留白）或cover（铺满屏幕）
• 重新运行react-native run-android，启动页即可显示自定义Logo

若已Eject为原生裸项目 #

• 制作不同分辨率的Logo图片（命名为ic_launcher_splash.png），分别放入安卓项目对应目录：
  • android/app/src/main/res/drawable-mdpi/
  • android/app/src/main/res/drawable-hdpi/
  • android/app/src/main/res/drawable-xhdpi/
  • android/app/src/main/res/drawable-xxhdpi/
  • android/app/src/main/res/drawable-xxxhdpi/
• 打开android/app/src/main/res/layout/launch_screen.xml，确认ImageView组件引用的是你的自定义Logo：

  <ImageView
      android:src="@drawable/ic_launcher_splash"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
  />
  

• 清理安卓构建缓存：运行cd android && ./gradlew clean，返回根目录后重新执行react-native run-android即可生效

内容的提问来源于stack exchange，提问作者ศิรภพ ทวีโชค