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

时间:2015-09-07 10:50:54

标签: reactjs background-image react-native static-resource

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

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

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

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

非常感谢

2 个答案:

答案 0 :(得分:1)

也许你可以尝试这个库:

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

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

答案 1 :(得分:0)

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