react-native - 筛选具有大量行的 ListView

Question

尝试在react native中实现ListView的快速过滤。目前我正在过滤数据源来实现这一点。它有效，但会导致很大的性能问题。问题如下:

1. 有一个包含 100 个项目的 ListView。全部呈现
2. 正在应用过滤器，将其缩小为 2 个项目
3. 当过滤器被清除并且 DataSource 返回到最初的 100 个项目时ListView 重新呈现 98 个项目导致严重的性能问题(讨论了批量呈现新行时的 ListView 性能 here)

我是不是漏掉了什么？

编辑:添加了 rnplay 示例应用程序来演示我当前使用的方法 https://rnplay.org/apps/szko6Q

Answer 1

在向用户呈现下面提到的这些属性时

<ListView
   removeClippedSubviews={true}
   renderRow={this.renderRow}
   dataSource={this.getDataSource()}
   renderScrollComponent={(props) =><React.RecyclerViewBackedScrollView {...props}/>}
   style={{overflow:'hidden'}}
   renderSectionHeader={this.renderSectionHeader}/>