Как правильно реализовать адаптивную заставку в React Native?

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

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

Должен ли я просто создать собственный компонент экрана и применить react-native-responsive-screen?

Существует ли соглашение/наилучшая практика по настройке заставки на React Native?


person Kaizen Tamashi    schedule 02.05.2020    source источник


Ответы (1)


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

С другой стороны, чтобы добавить ActivityIndicator, проверьте только пример и поместите компонент ActivityIndicator под загрузочную заставку, обернутую Animated.Image

person Mike Vargas    schedule 02.05.2020
comment
Желательно использовать react-native-boot-splash? - person Nithyanandan Sathiyanathan; 03.12.2020