reactjs - 具有静态资源的 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官方支持静态图像和第三部分视口插件来处理设备屏幕大小和方向更改事件，您只需将它们混合在一个组件中即可。