为什么使用React Native <img/>使大图像模糊(或降采样)?

时间:2019-05-08 07:15:46

标签: react-native

我的应用程序需要显示来自网络的图像,基本内容对吗?但是我发现大图像的采样率极低。以下是一些屏幕截图:

Android,调整大小模式:包含(左侧),封面(右侧)

iOS,调整大小模式:包含(左),封面(右)

image是292KB 435×7225 png,对于较小的图像,我也遇到同样的问题。

在iOS上,当不包含调整大小模式时,图像会正确显示。在Android上,无论调整大小模式,它总是很糟糕。

模拟器和设备中都出现问题。

我在设备内部存储的图像缓存目录中检查了下载的图像,它是完整大小的文件,因此我认为降采样是在渲染过程中发生的。

我还尝试了react-native-fast-image,同样的问题发生在Android上,但是没有测试iOS。

我用于测试的代码,基本内容,没什么复杂的。

<Image
    style={{
      flex: 1
    }}
    containerStyles={{
      backgroundColor: 'red'
    }}
    resizeMode={'contain'}
    source={{ uri: 'https://i.imgur.com/Er0ulHk.png' }}
/>

由于这是一个基本的用例,所以我猜想它一定是我做过(或忘记做的)愚蠢的事情,但是找不到任何线索。

0 个答案:

没有答案