在React Native中实现响应式闪屏的正确方法是什么？

Question

我需要设置一个闪屏，它可以在所有的原生设备（如ios、android手机、平板电脑等）上响应地扩展。闪屏包含以下内容。

• 文本 徽标名称
• 活动指标 https:/reactnative.devdocsactivityindicator。

我可以看到，这个指南是在搜索结果中名列前茅的。react-native-splash-screen但不知道它是否能在所有本地设备手机和平板电脑上很好地扩展。

我是否应该做一个自定义的屏幕组件，并适用于所有的本地设备。react-native-responsive-screen?

有没有一个约定俗成的最佳实践来设置反应原生设备上的闪屏？

Answer 1

为了支持响应式闪屏或bootsplash，你需要添加不同分辨率的图片。例子: mdpi, hdpi, xhdpi, ... 我目前使用的是 react-native-boot-splash 它的另一个选项是react-native-splash-screen，这个包里有一个cli工具。npx generate-bootsplash 在两个平台上以不同的分辨率生成bootsplash。

另一方面，要添加ActivityIndicator只需勾选 例子 并将ActivityIndicator组件放在bootsplash下面，用Animated.Image包装。