时间戳

首页 > 解决方案 > 如果图像的外部边界反应本机，如何剪掉图像

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

问题描述

我是反应原生开发的新手。我希望图像具有纵横比，当我尝试更改其边界时，边界外的区域应该被剪掉。在 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

标签： iosimagereact-native

解决方案

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

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

推荐阅读