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

Question

我无法弄清楚这一点，即使它似乎是一个非常常见的用例。

我想在我的应用的所有页面中使用全屏背景图片。

• 这应该来自静态资源。
• 它应该是每种设备显示尺寸的最佳质量，iPhone 4/5/6 / ...
• 当用户更改设备的方向时，另外一个很好的选择。

这样做的正确方法是什么？

非常感谢

Answer 1

也许你可以尝试这个库：

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

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

Answer 2

这并不难。 React-native有official support for static image和3rd part viewport plugin来处理设备屏幕大小和方向更改事件，您只需将它们混合在一个组件中。