ReactNative源码分析之UIImplementation

本文分析ReactNative 0.61.5版本的UIImplementation,它是UIManagerModule与NativeModule交互的关键。主要关注三个核心组件:ShadowNodeRegistry负责ReactRootNode管理;UIViewOperationQueue缓存并统一执行UI操作;NativeViewHierarchyOptimizer优化NativeViewHierarchyManager,通过UIViewOperationQueue协同工作。UIImplementation的主要任务是管理shadowNode和调度UI操作。
摘要由CSDN通过智能技术生成

今天使用的ReactNative版本为0.61.5:

之前我们讲过UIManagerModule,可参考:
ReactNative源码分析之UIManagerModule.

我们提到,UIManagerModule本身是个NativeModule,它通过各种ReactMethod注解方法,提供JS直接调用,大多数方法直接由UIImplementation代理。

我们看下UIImplementation定义:

/**
 * A class that is used to receive React commands from JS and translate them into a shadow node
 * hierarchy that is then mapped to a native view hierarchy.
 */
public class UIImplementation {
   
}

整个UIImplementation起着承上启下的作用,对外给UIManagerModule提供入口方法,内部由三个重要的类提供功能:
1.ShadowNodeRegistry;
2.UIViewOperationQueue;
3.NativeViewHierarchyOptimizer;

这三个类分别扮演什么的角色,下面分别介绍。

一、ShadowNodeRegistry

看下该类的具体实现:

/**
 * Simple container class to keep track of {@link ReactShadowNode}s associated with a particular
 * UIManagerModule instance.
 */
public class ShadowNodeRegistry {
   

  private final SparseArray<ReactShadowNode> mTagsToCSSNodes;
  private final SparseBooleanArray mRootTags;
  private final SingleThreadAsserter mThreadAsserter;

  public ShadowNodeRegistry() {
   
    mTagsToCSSNodes = new SparseArray<>();
    mRootTags = new SparseBooleanArray();
    mThreadAsserter = new SingleThreadAsserter();
  }

  public void addRootNode
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值