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

Question

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

Answer 1

组件化局部更新+immutable不可变数据类型 可以解决大部分问题。

Answer 2

其实不太确定你说的卡顿具体是哪种情况，不过就我接触过的基本上有以下集中可能，仅供参考：

1. 初始化卡顿： 这种情况主要是js bundle的加载需要一定的时间，而这种情况可以考虑对需要显示的react native页面所属的工程进行代码拆分，避免一次性加载全部的bundle，而是按需进行加载，保证首屏显示需要加载的bundle文件尽可能的小；另外一种方案就是预先加载bundle；
2. 页面操作卡顿： 用户在页面进行操作的时候，反映出来的页面刷新卡顿，这种情况可以考虑使用组件化以及immuatable的方式进行页面的实现，同时，也可以从react的生命周期函数入手进行优化，比如： shouldComponentUpdate方法；
3. 动画卡顿： 如果你的页面存在一些动画，那么可以考虑在实现动画函数的时候设置useNativeDriver:true来将动画的渲染转移到native执行；