【问题标题】:How to render large list in react native?如何在本机反应中呈现大列表?
【发布时间】:2017-11-05 14:30:29
【问题描述】:

我有一个关于 flatlist 的问题 当我在控制台中渲染许多图像(如画廊)时,我看到了这个警告

“VirtualizedList:您有一个更新缓慢的大型列表 - 确保您的 renderItem 函数呈现遵循 React 性能最佳实践的组件,例如 PureComponent、shouldComponentUpdate 等。{dt: 1393, prevDt: 582, contentLength: 5130} "

甚至当我看到空洞的时候

我的组件扩展了 PureComponent

【问题讨论】:

  • 发布你的代码,特别是你的渲染方法。
  • renderItem(data) { return ( <TouchableOpacity onPress={this.openImage.bind(this,item,index)} style={styles.imageView}> <Image source={{uri:item.photo_130}} style={styles.image}/> </TouchableOpacity> ) }

标签: android reactjs react-native react-native-android react-native-flatlist


【解决方案1】:

您可以申请shouldItemUpdate 来确定是否应该更新项目。

【讨论】:

  • shouldItemUpdate 已被弃用
猜你喜欢
  • 2019-05-13
  • 1970-01-01
  • 2021-11-23
  • 2016-05-02
  • 1970-01-01
  • 2021-12-22
  • 2020-07-29
  • 1970-01-01
  • 2021-06-03
相关资源
最近更新 更多