如果图像的外部边界反应本机，如何剪掉图像

Question

我是反应原生开发的新手。我希望图像具有纵横比，当我尝试更改其边界时，应剪掉边界之外的区域。在 Android 中，它工作正常，但在 iOS 中则不然，图像不会剪切到其边界并显示整个图像。

<View
      style={{
        backgroundColor: "#04894a",
        padding: 10,
        height: 110,
        alignItems: "center"
      }}
    >
 <View
        style={{
          alignItems: "center"
        }}
      >
        <Image
          style={{ height: 150, width: 150 }}
          source={require("../images/wow_logo.png")}
        />
      </View>

图像超出了视图范围，但仍然完整显示。如果超出范围，我希望将其裁剪。谁能帮我这个？任何链接或建议也将受到赞赏。TIA

Answer 1

使用overflow: hidden- 默认情况下，在 React Native 中，溢出标志是可见的。

另外，为了保持纵横比，只需为图像添加一个宽度或高度参数，然后添加style={{ aspectRatio: 3/2 }}以保持宽度：高度比。