Question

我正在使用React Native和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>
...

该问题不仅发生在Image标签上，而且还发生在ImageBackground上。我也看过这份文件https://docs.expo.io/versions/latest/guides/preloading-and-caching-assets/ 但是我使用的是本地图片，我不知道该怎么做才能使它工作。

Answer 1

如果您使用的是来自react-native-elements的Image，则必须将transition属性设置为false。

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

反应本机本地图像加载缓慢

1 个答案: