二、Flutter程序启动过程浅析

一、前言

Flutter程序的入口函数是runApp(Widget app),查看函数声明,我们可以发现这个函数主要做了三件事:1.实例化WidgetsFlutterBinding类,2.创建组件树attachRootWidget(app),3.启动预热帧scheduleWarnUpFrame()

void runApp(Widget app) {
  WidgetsFlutterBinding.ensureInitialized()
    ..attachRootWidget(app)
    ..scheduleWarmUpFrame();
}

二、分析

下面进一步探究App启动的具体过程。

1.WidgetsFlutterBinding实例化

class WidgetsFlutterBinding extends BindingBase with GestureBinding, ServicesBinding, SchedulerBinding, PaintingBinding, SemanticsBinding, RendererBinding, WidgetsBinding {
  static WidgetsBinding ensureInitialized() {
    if (WidgetsBinding.instance == null)
      WidgetsFlutterBinding();
    return WidgetsBinding.instance;
  }
}

WidgetsFlutterBinding类继承自BindingBase基类和其它一些特定功能特性类,该类是将基于组件框架的应用程序绑定到Flutter引擎的胶水类,并返回一个WidgetsBinding实例。

  • BindingBase: 该类是一个抽象类基类,初始化拓展服务,其申明的接口由其子类实现。
    -GestureBinding: 该类绑定了手势事件,用于检测应用程序各类手势。它以mixin的方式加入到WidgetsFlutterBinding中,并实现了BindingBase类中的部分方法。
    -ServicesBinding:该类监听了平台消息(platform messages),注册了Flutter层与Native层的消息传输服务,最终将消息定向到BinaryMessages类中。
    -SchedulerBinding: 该类注册了页面帧绘制有关的回调函数,同时也处理Widget生命周期相关事件,处理的事件类型包括:pausedresumedinactivesuspending
    -PaintingBinding:绑定绘制库,同时还创建了图片缓存。
    -SemanticsBinding:将组件语义树与Flutter引擎绑定
    -RendererBinding:将组件渲染树与Flutter引擎绑定
    -WidgetsBinding:将组件树与Flutter引擎绑定

2.attachRootWidget(Widget rootWidget)函数

void attachRootWidget(Widget rootWidget) {
    _renderViewElement = RenderObjectToWidgetAdapter(
      container: renderView,
      debugShortDescription: '[root]',
      child: rootWidget,
    ).attachToRenderTree(buildOwner, renderViewElement);
  }

该函数调用RenderObjectToWidgetAdapter函数创建了一个RenderBox,紧接着将改组件作为根节点并调用attachToRenderTree把组件绑定到Widget树中。

3.scheduleForcedFrame()函数

该函数作用是在App启动是尽快运行预热帧,而不是等待引擎请求帧以响应系统“Vsync”信号。

三、总结

局限于本身的能力范围,以上仅仅是浅显地探究了Flutter程序启动时执行过程。还有许多关键地方没有有待补充,日后慢慢完善吧。

你可能感兴趣的:(二、Flutter程序启动过程浅析)