D_inosaur 2019-06-12 11:23 采纳率: 0%
浏览 206

0.55.4版本ReactNaitve列表展示Image过多就不显示

  • 0.44.3版本FlatList+Image没有问题。
  • 但是在0.55.4版本中FL列表展示Image显示网络图片,加载到几十张之后,Image就显示空白了,应用推到后台,再进入应用,就刷新有显示了,但是再往前滚动FL,其他的Image就显示空白了。
  • 猜想与内存优化有关,但是没有找到方法,求指教
<FlatList
          getItemLayout={(data, index)=>{return {length: ITEM_HEIGHT,offset: ITEM_HEIGHT * index, index}}}
          style={{marginTop:10,padding:10,flex:1}}
          extraData={this.state}
          data={this.state.result}
          keyExtractor={(item,index)=>""+index}
          renderItem={({item,index})=>{
            return (
              <View style={{flexDirection:"row",alignItems:"center",margin:5}}>
                <Text style={{fontSize:23,color:"#08f",marginRight:10}}>{index} 、 </Text>
                <Image source={{uri:item.picUrl[0]}}style={{width:150,height:150}}
                  onError={(e)=>{
                    console.log("出错error item: "+item.picUrl[0]);
                  }
                  }/>
              </View>
            )
          }}
        />

图片说明

  • 写回答

1条回答 默认 最新

  • D_inosaur 2019-06-14 14:28
    关注

    removeClippedSubviews属性,因为列表中绘制的图片过多,导致无法显示更多的图片,将removeClippedSubviews属性置为true,
    以此将界面外的视图删除,从而减轻当前视图的绘制要求,但是实际图片依然存在内存中。
    借鉴=>https://blog.csdn.net/u010379595/article/details/82385629

    评论

报告相同问题?

悬赏问题

  • ¥15 深度学习根据CNN网络模型,搭建BP模型并训练MNIST数据集
  • ¥15 lammps拉伸应力应变曲线分析
  • ¥15 C++ 头文件/宏冲突问题解决
  • ¥15 用comsol模拟大气湍流通过底部加热(温度不同)的腔体
  • ¥50 安卓adb backup备份子用户应用数据失败
  • ¥20 有人能用聚类分析帮我分析一下文本内容嘛
  • ¥15 请问Lammps做复合材料拉伸模拟,应力应变曲线问题
  • ¥30 python代码,帮调试,帮帮忙吧
  • ¥15 #MATLAB仿真#车辆换道路径规划
  • ¥15 java 操作 elasticsearch 8.1 实现 索引的重建