菜鸟教程小白 发表于 2022-12-11 22:41:04

ios - 为什么 Flatlist 中的图像有时无法渲染？


                                            <p><p>我正在尝试修复我的平面图像列表，有时当我加载屏幕时会加载所有图像，有时会加载随机数量的图像，我不知道为什么。关于如何让所有图像始终一致地呈现的任何建议？</p>

<p>图片来源来自外部网址。</p>

<p>我已经为这个问题添加了一个 gif。它向我展示了切换屏幕，以及每次我返回到 Flatlist 图像网格时得到的不同结果。</p>

<p> <a href="https://imgur.com/HmC3Dvr" rel="noreferrer noopener nofollow">https://imgur.com/HmC3Dvr</a> </p>

<p>我已经尝试过 flatlistPropremoveClippedSubviews={true} 和 {false}。 </p>

<pre><code>renderItem = ({ item, index }) =&gt; {
return(
    //console.log(item)
    &lt;TouchableHighlight onPress={this.props.toggleView.bind(this, index)} &gt;
      &lt;View &gt;
      &lt;Image source={{uri: item.images.thumbnail.url, cache:&#39;force-cache&#39;}} style={styles.item} resizeMode={&#34;resize&#34;}/&gt;      
      &lt;/View&gt;
      &lt;/TouchableHighlight&gt;
   )
}


render(){
return(
      &lt;FlatList
      ref={(ref) =&gt; { this._flatList = ref; }}
      data={this.props.profileMedia}
      onScroll={this.handleScroll}
      renderItem={this.renderItem.bind(this)}
      numColumns={3}
      ListHeaderComponent={this.renderHeader}
      ListFooterComponent={this.renderFooter}
      columnWrapperStyle={{justifyContent: &#39;flex-start&#39;}}
      contentOffset = {{x: 0, y:this.props.scrollPosition}}
      keyExtractor={item =&gt; item.id}
      initialNumToRender={12}
      /&gt;
)
}
</code></pre></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>尝试检查图像的分辨率，React Native 通常会遇到大分辨率图像的垃圾收集问题。</p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 为什么 Flatlist 中的图像有时无法渲染？，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/55579557/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/55579557/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 为什么 Flatlist 中的图像有时无法渲染？