react-native可以实现多端复用，一套代码多端运行； 需求迭代无需Native发版；

RN优化点

  • 首屏加载慢
  • 动画卡顿
  • 页面交互响应延时

RN机制

运行流程

image.png
image.png

RN引擎加载

image.png

RN桥通信

image.png

优化

组件预渲染

image.png

前置请求缓存

image.png

避免动画过度消耗JS线程资源

开启useNativeDrive:true，Native动画可预测执行
image.png

js线程保持通畅

image.png
页面可以滚动Native平台的ScrollView，在渲染线程中；
js线程控制的按钮点击实现不能生效了。