react-native性能优化

  1. 当存在列表时，页面进入卡顿和渲染需要等待
    原因： 使用了FlatList，由于父组件的高度不固定，导致一直调用onEndReached方法，每次调用onEndReached会加载，然后页面不可点击状态。
    解决方法： 1. 给父组件加上display: flex, flex: 1 ； 让组件有一个合理的高度。
    2. 加上getItemLayout， 固定高度，减少计算带来的渲染消耗；

  2. 函数式组件每次props或者useState都会重新加载函数，减少state数量和减少props变化，增加静态变量（固定数据不变的变量），同时把静态变量提取出到函数组件外部，减少每次增加变量带来的内存消耗；

  3. 组件不要卸载函数式组件内部，提出来，减少性能消耗；

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容