2017-09-13 2 views
0

Ich habe ein Problem: nicht sichtbares Bild, wenn ich react-native-Bild-Fortschritt, reagieren native-Fast-Image. Ich möchte Ladebild für Listview hinzufügen. Vielen Dank!!!React-native Android: nicht sichtbar Bild verwenden react-native-image-progress

import ProgressBar from 'react-native-progress/CircleSnail'; 
import FastImage from 'react-native-fast-image'; 
import { createImageProgress } from 'react-native-image-progress'; 
const Image = createImageProgress(FastImage); 
    <TouchableNativeFeedback 
     background={TouchableNativeFeedback.SelectableBackground()} 
    > 
     <Image 
       source={{ uri: 'url' }} 
       style={styles.Image} 
       indicator={ProgressBar} 
      /> 
    </TouchableNativeFeedback> 

error Image

+0

Ist 'url' https? – MattyK14

+0

Ja. Das ist ein Link. –

+0

Ich meine, ist es https und nicht http. – MattyK14

Antwort

0

können Sie fetch Bilder vor ihnen zeigt. Sie müssen hierfür keine Bibliothek verwenden.

Beispiel

fetch(url).then(()=> { this.setState({ loading: false }) }); 

<Image source={this.state.loading === true ? require('/path/to/loading.gif') : { uri: url }} /> 
+0

Danke für Hilfe. aber ich bin ein neues Mitglied,: ((. Können Sie das besser erklären? Wo ist die Codezeile? (fetch (url) .then (() => {this.setState ({loading: false})}); ) –

+0

Sie können mehr über 'fetch' [hier] (https://facebook.github.io/react-native/docs/network.html#using-fetch) und [hier] lesen (https: // developer. mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) .Im Grunde wird das Bild heruntergeladen, so dass es während des Ladens zwischengespeichert wird, und wenn es geändert wird, liest es direkt aus dem Cache und zeigt es sofort an. – bennygenel

+0

URL ist this.props.url Ich weiß nicht holen URL –

Verwandte Themen