具有静态资源的React-Native响应式背景图像？

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} 
/>