当存在列表时，页面进入卡顿和渲染需要等待
原因： 使用了FlatList，由于父组件的高度不固定，导致一直调用onEndReached方法，每次调用onEndReached会加载，然后页面不可点击状态。
解决方法： 1. 给父组件加上display: flex, flex: 1 ； 让组件有一个合理的高度。
2. 加上getItemLayout， 固定高度，减少计算带来的渲染消耗；
函数式组件每次props或者useState都会重新加载函数，减少state数量和减少props变化，增加静态变量（固定数据不变的变量），同时把静态变量提取出到函数组件外部，减少每次增加变量带来的内存消耗；
组件不要卸载函数式组件内部，提出来，减少性能消耗；
2018.5.2更新：React-Native通用化建设与性能优化：https://ivweb.io/topic/...
使用React Native替代基于WebView的框架来开发App的一个强有力的理由，就是为了使App可以达到每...
什么样的app才是一个优秀的app呢？ 安装包的体积小 启动速度快 使用流畅、不卡顿 用户交互友好 报错或者闪退次...
拆包优化网络优化列表优化
性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化 - 内存优化 性能分析工具 - Tra...
性能优化系列阅读 Android性能优化 性能优化 - 消除卡顿 性能优化- 内存优化 性能分析工具 - Trac...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（上）...
性能优化调研系列文章 《前端性能优化（上）》 《前端性能优化（中）》 《前端性能优化（下）》 《前端性能优化（中）...
性能优化 性能优化模式 常见性能优化策略的总结 Spark 性能优化指南——基础篇 Spark 性能优化指南——高...
性能优化专题 前端性能优化 数据库性能优化 jvm和多线程优化 架构层面优化 缓存性能优化 常用的后端性能优化六大...
本文标题：react-native性能优化
本文链接：https://www.haomeiwen.com/subject/ujyaldtx.html
网友评论