Реагент-Реагирующие фоновые изображения со статическими ресурсами?

Question

Я не могу понять это, хотя это кажется очень распространенным случаем использования.

Я хочу полноэкранное фоновое изображение на всех страницах своего приложения.

• Это должно быть статический ресурс.
• И должно быть самое лучшее качество для каждого размера дисплея устройства, iPhone 4/5/6/...
• Также приятно иметь альтернативу ландшафта, когда пользователь изменяет ориентацию устройства.

Каков правильный способ сделать это?

Большое спасибо

Answer 1

Это не сложно. React-native имеют official support for static image и 3rd part viewport plugin для обработки размера экрана устройства и изменения ориентации, все, что вам нужно, - это смешать их в компоненте.

Answer 2

Может быть, вы можете попробовать эту библиотеку:

https://github.com/huiseoul/react-native-fit-image

<FitImage 
    source={{ uri: 'http://facebook.github.io/react/img/logo_og.png' }} 
    style={styles.fitImage} 
/>