在 react-native-bootsplash 中调整启动画面图像的大小

Question

我正在做一个 React Native 项目，我将 react-native-bootsplash 用于我的启动画面。问题是启动画面上的徽标图像太小，因为启动画面徽标的推荐尺寸为 100。有没有办法调整图像大小或使用 bootsplash 生成的 @5x 图像？

Answer 1

我在 react-native-bootsplash 的文档 (https://www.npmjs.com/package/react-native-bootsplash) 上找到了这个：

react-native generate-bootsplash <logoPath> 命令有几个参数：

Options:
  --background-color <color>  color used as launch screen background (in hexadecimal format) (default: "#fff")
  --logo-width <width>        logo width at @1x (in dp - we recommand approximately ~100) (default: 100)
  --assets-path [path]        path to your static assets directory (useful to require the logo file in JS)
  --flavor <flavor>           [android only] flavor build variant (outputs in an android resource directory other than "main")
  -h, --help                  output usage information

因此，如果您想创建一个大于默认大小 100 的引导启动画面，您可以这样做：

yarn react-native generate-bootsplash assets/bootsplash_logo_original.png \
  --background-color=F5FCFF \
  --logo-width=300 \
  --assets-path=assets \
  --flavor=main

我只想确保您的徽标质量足够高，这样您的引导启动画面仍然看起来不错。

在 react-native-bootsplash 中调整启动画面图像的大小

Resize splash screen image in react-native-bootsplash

react-native

react-native-android