React Native源码学习

1. 核心组件
   1. 基础组件：View、Text、Image、TextInput、ScrollView（性能没有FlatList好，因为它会一次性把子元素渲染出来）、StyleSheet
   2. 交互组件：button
   3. 列表视图：FlatList（优先渲染屏幕上可见的元素）、SectionList（可以更好的支持一些需要分组的数据）
2. 线程模型：
   1. UI线程：主线程，负责绘制UI及监听用户操作
   2. Native线程：负责执行C++代码
   3. JS线程：负责解释执行JS
3. native层渲染流程：Android暴露UI相关接口给JS侧，JS侧在JS线程进行View的创建或者更新，将对应View封装侧灰姑娘一个任务加到UI任务队列中，并且监听Android的ChoreographerCompat的回调接口，定时在UI线程上从任务队列取出创建、更新等任务并执行，最终视图得以渲染在屏幕上
   1. 创建view：讲JS层传递过来的UI信息包装成一个ReactShadowNode，用来描述DOM树的节点，调用UIViewOperationQueue.enqueueCreateView()方法把UI的操作封装成一个action，放进UI队列中等待执行
   2. 更新view：根据JS层传递过来的UI信息找到对应的ReactShadowNode，调用UIViewOperationQueue.enqueueUpdateProperties() 方法把UI的操作封装成一个 Action，放进UI队列中等待执行。
   3. UI任务的调度
      1. RN引擎初始化时，再UI线程中去初始化ReactChoreographer（RN与Android系统的ChoreographerCompat的一个桥接层，他在渲染链路中负责请求和接收Vsync信号，然后处理回调时间，RN会将UI队列调度的回调三注册到其中，以实现每一次接收Vsync之后，触发执行UI任务的执行）

原文地址：https://blog.csdn.net/Sabrina_FN/article/details/142824058

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！