性能:如何在一个巨大的Flatlist中修复自定义复选框组件

时间:2018-01-03 10:45:37

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

我使用了react-native的Flatlist组件来呈现一个巨大的复选框列表 这些复选框(用纯JS编写)本质上是模仿复选框的行为,一切正常,但这种性能非常慢。 我该怎么做才能提高性能呢? 该列表通常呈现大约1000个元素。 这是代码:

textField

2 个答案:

答案 0 :(得分:0)

而不是使用FlatList使用ListView

您可以在加载时使用initialListSize设置初始列表大小,以便将内存保存在那里

另外,您可以使用scrollRenderAheadDistance这将提前预渲染一些元素

答案 1 :(得分:0)

所以看起来修复非常简单,我需要做的就是从PureComponent而不是Component扩展我的组件。 即
class cropsOnProperty extends PureComponent
而不是 class cropsOnProperty extends Component
此外,shouldComponentUpdate有助于实现相同的结果,并且可以更精确地控制渲染何时发生
可以找到更多here