如果图像的外边界反应自然，如何裁剪图像

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-默认情况下，在本地响应中可见溢出标志。

也要保持宽高比，只需对图像使用一个参数宽度或高度，然后添加style={{ aspectRatio: 3/2 }}，以保持宽高比。