React Native-FlatList的应用程序性能问题?

时间:2018-12-11 18:35:23

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

我在react native中完成了我的申请,但是构建起来很慢。然后,我开始研究以改善应用程序的性能。我在react native的官方网站上找到了这个documentation,我相信这会帮到我,但我无法理解。请任何人用简单的言语告诉以下文档在说什么:

  

如果您使用的是不可变数据结构,那么这就像引用相等性检查一样简单。

     

类似地,您可以实现shouldComponentUpdate并指出   您希望组件在什么条件下运行   重新渲染。如果您编写纯组件(其中的返回值   渲染功能完全取决于道具和状态),您可以   利用PureComponent为您做到这一点。再次,不变的数据   结构对于保持这种速度非常有用-如果您需要做一个深   比较大量对象,可能是重新渲染   您的整个组件会更快,这当然需要   更少的代码。

我会很高兴。谢谢!!!

1 个答案:

答案 0 :(得分:1)

如果您使用的是静态对象,则可以像上面所说的那样将您的组件呈现为PureComponent。然后,您可以传递道具或使用要显示的字词设置状态。

执行此操作时,根据更改的内容,FlatList将仅重新呈现其需要的数据部分。它的最后一部分是说PureComponent会进行浅层比较-如果数组中的某些内容发生了变化,但数组本身没有变化,则FlatList将不会更新。但是,对于不可变的对象,您始终可以将其声明为PureComponent,它应该更快。