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

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 }}即可保持宽高比。