React Native 本地图片加载缓慢

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中的图像，则必须将transition属性设置为false。

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