【问题标题】:React-Native Responsive Background Images with Static Resources?具有静态资源的 React-Native 响应式背景图像?
【发布时间】:2015-09-07 10:50:53
【问题描述】:

我想不通,尽管这似乎是一个很常见的用例。

我希望在我的应用的所有页面中都有全屏背景图片。

  • 这应该来自静态资源。
  • 它应该是每个设备显示尺寸的最佳质量,iPhone 4 / 5 / 6 / ...
  • 当用户更改设备的方向时,横向替代方案也是一个不错的选择。

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

非常感谢

【问题讨论】:

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


    【解决方案1】:

    也许你可以试试这个库:

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

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

    【讨论】:

      【解决方案2】:

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

      【讨论】:

      • 谢谢。我已经遇到过这些,但它并没有真正解释如何需要(图像!...)当前设备的正确图像以及 XCAssets 中正确分辨率的方向。你能在这里举个例子吗?
      猜你喜欢
      • 1970-01-01
      • 2018-08-21
      • 1970-01-01
      • 2015-10-11
      • 1970-01-01
      • 1970-01-01
      • 2015-07-28
      • 1970-01-01
      相关资源
      最近更新 更多