React Native 图像 resizeMode 与 resizeMethod

Question

8

我目前使用的是RN 41.2版本，对于从URL调整图片大小方面有些疑问。URL文件可能会非常大，通常为2000x2000左右，但我想以更小的尺寸显示它们，比如25x25。

是否存在相当于“仅限安卓”的resizeMethod的iOS图像属性？

当resizeMethod='resize'时，它会在解码之前更改编码图像的大小，因此图像以较小的尺寸几乎立即显示，这很棒。

但对于iOS，我使用了resizeMode（contain、cover等），它正确地显示了图像，但始终需要一点时间才能实际显示出图像，这是完全可以理解的，只是有点烦人。

我错过了什么吗？看起来resizeMode应该做与resizeMethod相同的事情，但显然并不是这样。

- Austin Cline

2个回答

-2

resizeMode和resizeMethod是RN中Image组件具有的两个属性。 resizeMode：确定在框架与原始图像尺寸不匹配时如何调整图像大小。它可以采用cover、contain、stretch作为值。

resizeMethod：当图像的尺寸与图像视图的尺寸不同时，可用于调整图像大小。它可以采用auto、resize、scale作为值。

- Thanmai C

2

这似乎并没有为答案增加更多的清晰度。“当框架尺寸与原始图像尺寸不匹配时如何调整图像大小”和“当图像尺寸与图像视图的尺寸不同时用于调整图像大小”看起来是相同的。 - Erik Uggeldahl

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Karthik Suthan · Accepted Answer

resizeMode属性决定原始图像应如何适合其框架（cover，contain，stretch，center，repeat）。

此外，对于Android，我们可以选择使用resizeMethod属性来调整图像的机制，即缩放、调整大小或自动缩放。

基本上，resizeMode指示如何调整图像大小，而resizeMethod定义了用于调整大小的机制。

这是因为在Android中存在一些问题，当框架大小和原始图像大小差异显著时（太大的图像：太小的框架或太小的图像和太大的框架），自动选择调整机制不是最优的，渲染时可能会出现显著的延迟或设计问题。

大多数情况下，您可以在不手动设置resizeMethod的情况下进行操作（默认为auto），但在上述情况下会导致问题。