在 React Native 中实现响应式启动画面的正确方法是什么？

Question

我需要设置一个启动画面，它会在所有本机设备（如 ios、Android 手机、平板电脑等）上进行响应式缩放。启动画面包含以下内容：

• 文字徽标名称
• 活动指示器https://reactnative.dev/docs/activityindicator

我可以看到本指南在搜索结果中排名靠前 react-native-splash-screen，但不确定它是否适用于所有原生设备手机和平板电脑。

我应该只制作一个自定义屏幕组件并应用react-native-responsive-screen吗？

是否有关于在 react native 上设置启动画面的约定/最佳实践？

Answer 1

要支持响应式启动画面或启动画面，您需要添加不同分辨率的图像，example in Android: mdpi, hdpi, xhdpi,... 我目前使用 react-native-boot-splash 它是 react-native-splash-screen 的另一个选项, 这个包有一个 cli 工具npx generate-bootsplash 可以在两个平台上生成不同分辨率的 bootsplash。

另外添加 ActivityIndi​​cator 只检查 example 并将 ActivityIndi​​cator 组件放在用 Animated.Image 包裹的 bootsplash 下方