iOS开发中react native卡顿如何优化?

iOS原生页面进入react native里js加载的页面特别卡顿,如何优化?只能升级react native版本?最新版react native总是存在这样那样的问题



婷婷同学_
浏览 775回答 2
2回答

慕虎7371278

其实不太确定你说的卡顿具体是哪种情况,不过就我接触过的基本上有以下集中可能,仅供参考:初始化卡顿: 这种情况主要是js bundle的加载需要一定的时间,而这种情况可以考虑对需要显示的react native页面所属的工程进行代码拆分,避免一次性加载全部的bundle,而是按需进行加载,保证首屏显示需要加载的bundle文件尽可能的小;另外一种方案就是预先加载bundle;页面操作卡顿: 用户在页面进行操作的时候,反映出来的页面刷新卡顿,这种情况可以考虑使用组件化以及immuatable的方式进行页面的实现,同时,也可以从react的生命周期函数入手进行优化,比如: shouldComponentUpdate方法;动画卡顿: 如果你的页面存在一些动画,那么可以考虑在实现动画函数的时候设置useNativeDriver:true来将动画的渲染转移到native执行;

白衣染霜花

组件化局部更新+immutable不可变数据类型 可以解决大部分问题。
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

AngularJS