我的应用程序需要显示来自网络的图像,基本内容对吗?但是我发现大图像的采样率极低。以下是一些屏幕截图:
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' }}
/>
由于这是一个基本的用例,所以我猜想它一定是我做过(或忘记做的)愚蠢的事情,但是找不到任何线索。