React Native Image在开发模式下的行为与在生产模式下不同

kse8i1jr  于 2023-01-27  发布在  React
关注(0)|答案(1)|浏览(155)

我使用React Native构建了一个iOS应用程序。我使用Expo来构建它。在开发模式下,我有一个图像,我可以操作它,它可以按预期工作。在生产模式下,图像会放大和剪切。以下是代码:

<Image
    source={require("../assets/Logo.png")}
    resizeMode={"center"}
    style={{
        resizeMode: "center",
        transform: [{ scale: 0.8 }],
        width: 250,
        height: 75,
    }}
/>

我同时拥有resizeMode属性和样式的原因是因为它之前不起作用,所以我只是希望其中一个能起作用。如果你知道问题所在,请告诉我。谢谢。

mzsu5hc0

mzsu5hc01#

iOS中的center调整大小模式存在问题,请参阅issue了解详细信息。
使用contain代替,在这种情况下,这可能是正确的方法。
contain:统一缩放图像(保持图像的纵横比),使图像的两个维度(宽度和高度)都等于或小于视图的相应维度(减去填充)。
查看调整大小模式的所有选项。

相关问题