7

我目前正在使用 RN 41.2,并且对从 url 调整图像大小有疑问。url 文件可能会变得非常大,通常在 2000x2000 左右,我想将它们显示得更小,可能在 25x25 左右。

'android only' resizeMethod 是否有等效的 iOS Image 道具?

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

但是对于 iOS,我使用的是 resizeMode(包含、覆盖等),它可以正确显示图像,但图像实际出现总是需要一些时间,这是完全可以理解的,只是很烦人。

我在这里错过了什么吗?似乎 resizeMode 应该做与 resizeMethod 相同的事情,但显然没有

4

2 回答 2

1

调整大小模式属性决定 RAW 图像应如何适合其框架(覆盖、包含、拉伸、居中、重复)参考https://reactnative.dev/docs/image#resizemode

此外,对于 android,我们可以选择应该用于调整图像大小的机制,即使用 resizeMethod 属性进行缩放、调整大小或自动。参考https://reactnative.dev/docs/image#resizemethod-android

基本上 resizeMode 指示如何调整图像大小和 resizemethod 定义用于调整大小的机制

这是因为当帧大小和 RAW 图像大小变化很大(图像太大:帧太小或图像太小和帧太大)时,android 中存在一些问题,并且在渲染为自动时可能会出现明显的延迟或设计中断调整大小机制的选择不是最佳的。大多数情况下,您可以在不手动设置 resizeMethod 的情况下进行转义(默认为自动),但这会导致前面提到的场景出现问题。

于 2021-10-08T15:54:41.453 回答
-3

resizeMode 和 resizeMethod 是 Image 组件在 RN 中的两个属性。resizeMode:确定当帧与原始图像尺寸不匹配时如何调整图像大小。它可以将覆盖、包含、拉伸作为值。

resizeMethod:当图像的尺寸与图像视图的尺寸不同时,可以使用它来调整图像的大小。它可以将 auto、resize、scale 作为值。

有关更多信息,您可以参考https://facebook.github.io/react-native/docs/image.html

于 2018-02-04T07:33:20.763 回答