ネットワークからのネイティブイメージコンポーネントに常にイメージがロードされない

Question

ネットワークからのイメージは常にロードされません。時にはロードされない場合もあります。

render() { 
let {title, image, text, publisher, id, date} = this.props.webDetail; 
let dateString = Moment(date).format('dddd, MMMM Do YYYY'); 
let metaDetail = `${publisher}\n${dateString}`; 

    return (
     <View style={styles.container}> 
      <ScrollView showsVerticalScrollIndicator={false}> 
       <Text style={styles.title}>{title}</Text> 
       <Text style={styles.publisher}>{metaDetail}</Text> 
       <Image 
       style={styles.image} 
       source={{ uri: image }} indicator={Progress} 
       /> 
       <Text style={styles.text}>{text}</Text> 
       {this.renderButton.call(this) } 
     </ScrollView> 
     </View> 
    ); 
} 

イメージはフィードオブジェクトに渡されます。親のtouchイベントが呼び出されると、フィードオブジェクトは子のpropsとして渡されます。 imageUrl + ?"+new Date().getTime()を：

renderContent(feed) { 
    let dateString = Moment(feed.date).format('dddd, MMMM Do YYYY'); 
    let metaDetail = `${feed.publisher}\n${dateString}`; 

    return (
     <ScrollView showsVerticalScrollIndicator={false}> 
      <Text style={styles.title}>{feed.title}</Text> 
      <Text style={styles.publisher}>{metaDetail}</Text> 
      <TouchableWithoutFeedback 
       onPress={this.onPress.bind(this, feed) }> 
       <Image style={styles.image} key={feed.image} source={{ uri: `${feed.image}?version=outside` }} indicator={Progress} /> 
      </TouchableWithoutFeedback> 
      <Text numberOfLines={7} style={styles.text}>{feed.description}</Text> 
      <Share rank={feed.rank}/> 
     </ScrollView> 

    ); 
} 

Answer 1

は、画像のURLに乱数を追加することによって、固有のURLごとに作ってみる、フレスコ画のキャッシングの問題だろう。

例えば、このようなフレスコ画やイメージを持つ様々な問題、あります https://github.com/facebook/react-native/issues/8677