Question

我正在研究适用于Android和iOS的React Native应用程序。

我有一个View，我想显示一个没有空格的图像。我的视图使用Flex调整大小，因此根据屏幕大小调整大小。我希望图像的中心位于视图的中心。如果宽度大于高度，我希望Image的宽度等于View的宽度，Image的顶部和底部被剪掉。如果高度大于宽度，我希望图像的高度与视图的高度相匹配，并且边缘被剪掉。

我曾试图使用'包含'和'封面'，但它们似乎没有达到我想要的效果。我也可以不正确地设置我的样式。这就是我现在所拥有的：

<Image style={{ flex: 1, width: width, height: height, resizeMode: 'cover' }} 
       source={require('../../images/Road03.png')} 
/>

宽度和高度等于窗口的宽度和高度：

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

我也试图找到实现这一目标的库，但我还没有找到任何可以让我调整掩码大小的文件。