Reactjs 宽度='；100%'；对于本机宽度小于最大屏幕尺寸的图像，在react native中

我在react native v.42上使用width='100%'和为iPhone7@2x（750px宽度）创建的图像。这适用于iPhone7，但如果我看7plus上的图像，它们会在顶部和底部被剪裁。为了防止出现这种情况，我必须将图像保存为7plus（818px@2x）

有人知道如何使用width='100%'并使图像比例按比例超出其最大原始尺寸吗？更改大小调整模式无效。我也不想使用任何插件，如果我可以帮助它

我知道我可以根据窗口尺寸明确定义高度和宽度：

    import { Dimensions } from 'react-native'

    const { height, width } = Dimensions.get('window')

    export {
      height as deviceHeight,
      width as deviceWidth,

}

---

并对高度使用比率计算，但我正在寻找一种不必为高度声明尺寸的方法（基本上是一种

高度：auto

）

试着让图像遮住屏幕

resizeMode: 'cover'

因为这是所有flexbox布局，所以您可以使用align self命令孩子拉伸

alignSelf: 'stretch'

如果这两个都不适合你。。我以前做过的另一种选择是删除静态大小，使其自然增长（通过为宽度和高度指定null）

width: null,
height: null