width ='100％'原生图像的原始宽度小于最大屏幕尺寸

Question

我在反应本机v.42使用width ='100％'为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的布局，您可以使用对齐自我告诉孩子伸展

alignSelf: 'stretch' 

如果没有这些工作，为你..我之前完成的另一个替代方法是去除静态尺寸，使其自然生长（通过为宽度和高度指定null）

width: null, 
height: null 

Facebook docs on support