反应读取本地缓存文件的本机图像组件非常卡死

Question

在react native中，当我使用Image组件时，我要显示很多图像。

<Image source={{ uri: 'https://img.google.com/1.jpg' }} />
<Image source={{ uri: 'https://img.google.com/2.jpg' }} />
<Image source={{ uri: 'https://img.google.com/3.jpg' }} />
........

非常顺利

但是在加载本地缓存文件时

<Image source={{ uri: '/Users/Username/../1.jpg' }} />
<Image source={{ uri: '/Users/Username/../2.jpg' }} />
<Image source={{ uri: '/Users/Username/../3.jpg' }} />
........

手机会变得非常慢，尤其是IOS，甚至崩溃

使我无法使用模块react-native-cached-image和react-native-img-cache

我尝试将Image替换为react-native-fast-image，但效果好一点。

我该怎么办？帮帮我

Answer 1

ScrollView添加removeClippedSubviews = {true}对其进行修复