Flatlist 让我的应用程序变得很慢答案

【问题标题】：Flatlist is making my app very slowFlatlist 让我的应用程序变得很慢
【发布时间】：2018-07-31 11:49:42
【问题描述】：

我需要使用Flatlist 渲染大约 1000 行。不幸的是，在渲染了几个没有问题之后，我的应用程序开始变得非常缓慢和冻结，以至于它变得完全无法操作。我正在寻找一种解决方案来代替Flatlist，它显示了它的极限。我需要一个可以毫无问题地处理数百行的模块。

谁能给我一些建议？

   <FlatList

   data={this.state.data}
    onEndReached={this.props.onEndReached}
    initialNumToRender={5}
    keyExtractor={(item, index) => item.objectID}
    renderItem={this._renderItem}
  />

【问题讨论】：

应用程序是否会立即呈现 1000 行以供查看，或者例如在开始时呈现 50 行，当滚动到页面底部时它会呈现另外 50 行等...？
我希望两者都能做到。事实上，即使我逐步加载项目，平面列表无论如何都会减慢我的应用程序。
你能显示Flatlist的代码吗
是的，当然..
你的门槛是多少？另外，请不要完全加载 1k 行。这是表的桥接版本，因此会有性能开销。我建议制作它的本机版本然后使用它。人们声称它要快得多

标签： react-native react-native-flatlist

【解决方案1】：

实现 shouldComponentUpdate 或使用 PureComponent 以减少不必要的重新渲染。
确保 FlatList 不是 ScrollView 的子级。

或

您可以尝试其他第三方插件：

【讨论】：