react-native-bootsplash调整启动屏图片大小或使用@5x资源的方法

官方推荐的100基准尺寸只是通用适配的默认值，完全可以按需调整，也可以直接使用生成的@5x规格图片，具体可以按以下两种方案操作：

方案1：生成资源时自定义尺寸（推荐） #

在运行官方生成命令时，新增--logo-width参数指定你需要的基准尺寸（单位为dp/pt，工具会自动按比例生成所有倍率的切图，包含@5x），示例命令如下：
npx react-native-bootsplash generate --logo-width 180 --logo ./path/to/your/logo.png --background-color "#FFFFFF"

注意：将参数值替换为你实际需要的尺寸和资源路径即可，生成后原生端的布局尺寸也会自动同步，无需额外手动修改。

方案2：已有资源手动调整 #

如果已经生成过资源不想重新生成，可以直接修改两端原生配置：

• 安卓端：打开android/app/src/main/res/drawable/bootsplash.xml，找到logo对应的item配置，直接修改android:width和android:height的数值即可，只要你的drawable资源目录下已经存在高倍率切图（含@5x），系统会自动匹配最优分辨率的图片不会出现模糊。
• iOS端：用Xcode打开项目下的ios/[你的项目名]/BootSplash.storyboard，选中logo对应的ImageView组件，直接修改宽度、高度约束值即可；如果要手动替换为@5x图片，直接将对应图片放入Images.xcassets中BootSplashLogo资源组的5x槽位即可生效。

额外说明 #

如果你的项目中在JS端使用了<BootSplash.Image>组件做启动屏到首页的过渡动画，需要同步修改该组件的style属性里的width和height数值，保证两端显示一致：

import BootSplash from "react-native-bootsplash";

// 组件示例
<BootSplash.Image 
  style={{ 
    width: 180, 
    height: 180,
    resizeMode: "contain"
  }} 
/>

调整完成后建议测试不同分辨率的手机，避免logo尺寸过大超出屏幕显示范围。

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