reactjs - React Native 本 map 片加载缓慢

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}
/>