Как правильно внедрить адаптивный экран Spla sh в React Native?

Question

Мне нужно настроить экран Spla sh, который будет быстро масштабироваться на всех родных устройствах, таких как ios, android телефоны, планшеты и c. Экран spla sh содержит следующее:

• Текст Lo go name
• Индикатор активности https://reactnative.dev/docs/activityindicator

Я вижу, что это руководство входит в число лучших результатов поиска реагировать-родной-spla sh -screen , но не уверен, хорошо ли оно масштабируется на всех родных устройствах - телефонах и планшетах.

Должен ли я просто создать пользовательский компонент экрана и применить реагировать-родной-отзывчивый экран ?

Существует ли соглашение / рекомендации по настройке spla sh Экран на реагировать родной?

Answer 1

Для поддержки адаптивного экрана spla sh или bootspla sh вам необходимо добавить изображения в разных разрешениях, например в Android: mdpi, hdpi, xhdpi, ... В настоящее время я использую react-native-boot-spla sh это другой вариант реагировать-native-spla sh -screen, в этом пакете есть инструмент cli npx generate-bootsplash для генерации bootspla sh в разных разрешениях в обе платформы.

Другой рукой, чтобы добавить ActivityIndicator, проверьте только пример и поместите компонент ActivityIndicator ниже bootspla sh, обернутый с Animated.Image