当存在列表时,页面进入卡顿和渲染需要等待
原因: 使用了FlatList,由于父组件的高度不固定,导致一直调用onEndReached方法,每次调用onEndReached会加载,然后页面不可点击状态。
解决方法: 1. 给父组件加上display: flex, flex: 1 ; 让组件有一个合理的高度。
2. 加上getItemLayout, 固定高度,减少计算带来的渲染消耗;函数式组件每次props或者useState都会重新加载函数,减少state数量和减少props变化,增加静态变量(固定数据不变的变量),同时把静态变量提取出到函数组件外部,减少每次增加变量带来的内存消耗;
组件不要卸载函数式组件内部,提出来,减少性能消耗;
react-native性能优化
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 性能优化的学习 React Component的性能考虑 1 createClass 和 extends Reac...
- 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
- 前言 影响性能最大的因素是界面的重绘和重排版,React 背后的 Virtual DOM 就是尽可能地减少重绘与重...
- 前言 本文有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我。 文中所有内容仅供...