温故知新-WidgetsBinding

WidgetsBinding

它是widget层与Flutter引擎的粘合剂,管理着以[rootElement]为根的单一[Element]树, 调用 [runApp](间接调用 [attachRootWidget])会创建该[rootElement]。

WidgetsBinding中有一个重要的字段BuildOwner,它负责widget层的构建和更新,在此binding中初始化且设置onBuildScheduled回调。

所有widget的BuidlerOwner都是此_buildOwner,在创建rootElement时赋值给根节点,然后通过根节点传递下去(element执行mount的时候,_owner = parent.owner,_parentBuildScope = parent.buildScope),一同传递下去的还有BuildScope

js 复制代码
void initInstances() {
    super.initInstances();
    _instance = this;
    _buildOwner = BuildOwner();
    buildOwner!.onBuildScheduled = _handleBuildScheduled;
    ......
  }
  void _handleBuildScheduled() {
    ensureVisualUpdate();
  }
  
  void attachToBuildOwner(RootWidget widget) {
    final bool isBootstrapFrame = rootElement == null;
    _readyToProduceFrames = true;
    _rootElement = widget.attach(buildOwner!, rootElement as RootElement?);
    if (isBootstrapFrame) {
      SchedulerBinding.instance.ensureVisualUpdate();
    }
  }

BuidlerOwner记录所有被标记的脏元素列表,在下一帧执行drawFrame时,调用buildOwner.buildScope方法时重新buildelement元素。
super.drawFrame(); 会调用RendererBindingdrawFrame去启动PipelineOwner重新绘制UI。

js 复制代码
@override
  void drawFrame() {
    TimingsCallback? firstFrameCallback;
    ......
    try {
      if (rootElement != null) {
        buildOwner!.buildScope(rootElement!);
      }
      super.drawFrame();
      buildOwner!.finalizeTree();
    } finally {
      assert(() {
        debugBuildingDirtyElements = false;
        return true;
      }());
    }
  }
相关推荐
银二码5 小时前
flutter踩坑插件:Swift架构不兼容
开发语言·flutter·swift
程序员老刘1 天前
5分钟上手Dart MCP Server
flutter·ai编程·mcp
早起的年轻人1 天前
Flutter 3.35.2 主题颜色设置指南
flutter
w_y_fan1 天前
Flutter中页面拦截器的实现方法
前端·flutter
cowice1 天前
Dart基础知识
flutter·dart
张风捷特烈1 天前
FlutterUnit 3.3.0 | 全组件、全属性、鸿蒙支持来袭
android·前端·flutter
w_y_fan2 天前
Route.settings.name 的设置与产生机制
前端·flutter
早起的年轻人2 天前
Flutter Container 阴影设置指南 2025版
flutter
早起的年轻人2 天前
Flutter WebAssembly (Wasm) 支持 - 实用指南
前端·flutter
勤劳打代码2 天前
USB 驱动检测实现
windows·flutter