Question

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

有没有人知道如何使用width ='100％'并且图像比例超出其最大原生尺寸？更改调整大小模式不起作用。如果我能提供帮助，我也不想使用任何插件。

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

    import { Dimensions } from 'react-native'

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

    export {
      height as deviceHeight,
      width as deviceWidth,

}

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

Answer 1

你可以尝试一些事情。

尝试告诉图像覆盖屏幕

resizeMode: 'cover'

因为这是所有flexbox布局，您可以使用align-self告诉孩子伸展

alignSelf: 'stretch'

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

width: null,
height: null

Facebook docs on support

width ='100％'in native for native的原始宽度小于最大屏幕尺寸

1 个答案: