Reactjs 本地映像加载缓慢

我正在使用React Native with Expo构建一个应用程序。除了图像外，其他一切都正常工作，它们加载正确，但加载大约需要2秒钟，这很奇怪，因为所有图像都是本地图像，而且它们也很轻，因此它们应该立即加载。在我在android设备上构建并获取.apk后，也会出现此问题，因此图像总是存储在本地。

这是我的应用程序主页的一部分：

...
   <View style={styles.bottomItem}>
     <View style={styles.bottomItemInnerFirst}>
       <TouchableOpacity onPress={() => this.props.navigation.navigate('SecondPage')}>
         <Image
           source={require('../assets/images/iconT.jpg')}
           style={{width: '100%', height: '100%'}}
           resizeMode='contain'
         />
       </TouchableOpacity>
     </View>
   </View>
...

。。。
this.props.navigation.navigate（'SecondPage'）}>
...

问题不仅发生在图像标记上，也发生在ImageBackground上。 我也看过这个医生

---

但是我使用的是本地图像，我不知道如何使其工作。

如果使用的是来自react原生元素的图像，则必须将transition属性设置为false

<Image 
       source={require('../assets/images/iconT.jpg')}
       transition={false}
/>

看起来像是世博会的服务器提供的图像。虽然这个线程很旧，但它有一个可以提高性能的解决方案（通过

Asset.loadAsync

）加载资产-希望能有所帮助！我试过那个解决方案，但不起作用。此外，在构建之后，世博会服务器也不会提供图像。如果我在没有internet的情况下安装应用程序并打开它，它会显示所有图像，但2秒钟后仍会显示。我真的不知道为什么会发生这种事，无论如何还是要谢谢你的帮助！您确定问题是加载图像而不是渲染它们吗？我以前在TouchableOpacity方面遇到过性能问题。尝试对其进行注释，看看是否有帮助。此外，请查看以下线程：