首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >为什么Flatlist中的图像有时不能渲染?

为什么Flatlist中的图像有时不能渲染?
EN

Stack Overflow用户
提问于 2019-04-09 02:22:15
回答 1查看 942关注 0票数 3

我正在尝试修复我的平面图像列表,有时当我加载屏幕时,所有图像都会加载,有时会随机加载一些图像,但我不知道为什么。关于如何让所有图像始终一致地渲染,有什么建议吗?

图像源来自外部url。

我已经在这个问题上添加了一个gif。它显示了我切换屏幕,以及每次我返回到Flatlist图像网格时得到的不同结果。

https://imgur.com/HmC3Dvr

我尝试过扁平列表属性removeClippedSubviews={true}和{false}。

代码语言:javascript
运行
复制
renderItem = ({ item, index }) => {
  return(
    //console.log(item)
    <TouchableHighlight onPress={this.props.toggleView.bind(this, index)} > 
      <View >
      <Image source={{uri: item.images.thumbnail.url, cache:'force-cache'}} style={styles.item} resizeMode={"resize"}/>      
      </View>
      </TouchableHighlight>
   ) 
 }


render(){
return(
        <FlatList
        ref={(ref) => { 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: 'flex-start'}}
        contentOffset = {{x: 0, y:this.props.scrollPosition}}
        keyExtractor={item => item.id}
        initialNumToRender={12}
      />
  )
 }
EN

回答 1

Stack Overflow用户

发布于 2019-04-09 10:05:19

尝试检查图像的分辨率,React Native通常会遇到大分辨率图像的垃圾收集问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55579557

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档