性能优化

2020-01-07  本文已影响0人  couriravant

shouldComponentUpdate:

keyExtractor

此函数用于为给定的item生成一个不重复的key。Key的作用是使React能够区分同类元素的不同个体,以便在刷新时能够确定其变化的位置,减少重新渲染的开销。

initialNumToRender

默认10
初始化render的item数量,最好能够保证满足一屏

windowSize

默认21
flatlist是scrollview实现,默认会缓存21屏的数据,包括当前可见部分,和上、下两部分各10屏,来保证流畅度,如果windowSize过少,可能增大白屏几率,如果windowSize多大,可能导致内存不足,oom。设置合适的windowSize来保证流畅度和内存的平衡。

tips: 关于shouldComponentUpdate

     * `Component` always returns true.
     * `PureComponent` implements a shallow comparison on props and state and returns true if any
     * props or states have changed.
     *
     * If false is returned, `Component#render`, `componentWillUpdate`
     * and `componentDidUpdate` will not be called.
上一篇下一篇

猜你喜欢

热点阅读