lokales Bild dauert eine lange Zeit zu laden, wenn uri-Bild herunterladen - Reagieren Sie Native

Question

Wenn ich meine Anwendung erstellte, funktionierte die Bilder, die ich platzierte perfekt und normal geladen.

Später, verbinden Sie sich mit dem Server und es gibt Bilder, die ich über die URL anzeigen muss. Als eine große Liste, gibt es viele Bilder, die heruntergeladen werden müssen, wodurch alle Bilder der App (Buttons, Logos, etc.) in eine Art Thread einfließen, was dieses Problem verursacht.

Hinzufügen von Bildcode:

<Image source={buttonAddToCart} style={styles.buttonIncrease} />

und buttonAddToCart ist ein Import.

import buttonAddToCart from '../../assets/images/buttonAddToCart.png';

die styles.buttonIncrease

buttonIncrease: { 
     backgroundColor: 'transparent', 
     height: 60, 
     width: 60, 
     marginTop: 35, 
    }, 

Beispiel, wenn die Last Bild von uri

<Image 
    source={{ uri: category.image_url }} 
    style={styles.categoryPicture}/> 

Answer 1

ich keine klare Lösung für dieses Problem finden konnten, stieß ich auf diese react-native-cached-image Bibliothek und es hat mir sehr geholfen, dies zu tarnen, obwohl im Grunde das Problem bleibt