美文网首页Flutter实战
Flutter实战WidgetsFlutterBinding

Flutter实战WidgetsFlutterBinding

作者: 蓝面书生IT | 来源:发表于2022-07-12 10:47 被阅读0次

用了两年的flutter,有了一些心得,从今天开始陆续更新一些案例,不虚头巴脑,只求实战有用,以供学习或使用flutter的小伙伴参考,学习尚浅,如有不正确的地方还望各路大神指正,以免误人子弟,在此拜谢~(原创不易,转发请标注来源和作者)

注意:无特殊说明,flutter版本为3.0+


一。 WidgetsFlutterBinding由来

WidgetsFlutterBinding 是何物,初学者在大部分时间忙于对着UI设计图布局写界面,对着API文档写业务逻辑,有心去一探Flutter底层原理的童鞋或者不小心按着command鼠标点到flutter的超级入口页面,我们会找到WidgetsFlutterBinding的踪迹~

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

WidgetsFlutterBinding,我们看官方定义

/// This is the glue that binds the framework to the Flutter engine.

WidgetsFlutterBinding是绑定widget 框架和Flutter 引擎的桥梁

class WidgetsFlutterBinding extends BindingBase with GestureBinding, SchedulerBinding, ServicesBinding, PaintingBinding, SemanticsBinding, RendererBinding, WidgetsBinding {

static WidgetsBinding ensureInitialized() {
if (WidgetsBinding._instance == null)
WidgetsFlutterBinding();
return WidgetsBinding.instance;
}
}

我们看到:WidgetsFlutterBinding 继承了BindingBase,同时有很多binding扩展,这些都是flutter的重要组成部分

  1. GestureBinding 手势系统的binding,响应系统手势事件
  2. SchedulerBinding 我们常说的帧,提供帧开始(onBeginFrame) ,绘制(onDrawFrame)的的时候的回调,监听刷新事件
  3. ServicesBinding 监听平台消息,并发送到defaultBinaryMessenger,简单说就是主要处理原生和Flutter通信
  4. PaintingBinding 绑定绘制库,用于处理图片缓存
  5. SemanticsBinding 语义层和flutter 引擎的桥梁
  6. RendererBinding 处理渲染树
  7. WidgetsBinding 处理组件树,渲染层和flutter 引擎的桥梁
WidgetsFlutterBinding.ensureInitialized()初始化一个全局的WidgetsBinding单例,然后WidgetsBinding.attachRootWidget 创建了一个根widget,RenderObjectToWidgetAdapter.attachToRenderTree 为渲染树创建了一个根元素,随后调用了SchedulerBinding中的scheduleWarmUpFrame进行绘制,至此一个app启动成功。

二。WidgetsFlutterBinding什么时候用,怎么用

WidgetsFlutterBinding应该什么使用用,怎么用呢?作者在使用flutter 开发的时候,很长时间并没有用到,可能对大多数初学者亦是如此。了解它的概念,只是便于我们理解flutter的实现原理。

如果你的软件有一些特殊需求需要深度定制化系统,那么此时WidgetsFlutterBinding就起到了大作用。列举可能出现的场景

1.自定义GestureBinding,你需要全局定义手势响应

2.自定义ServicesBinding,这个应该是使用最多的地方,你可以在系统和flutter通信前进行自定义拦截和实现自定方法(作者在自定义键盘中使用了该方式)

其他更多场景需要各位大佬给出,希望此文在各位新学者遇到比较棘手的问题前有一个解决的思路


相关文章

  • Flutter启动流程

    Flutter启动代码如下 查看runApp方法可发现 通过WidgetsFlutterBinding.ensur...

  • Flutter-runApp

    Flutter 中 runApp 启动入口其实是一个 WidgetsFlutterBinding ,它主要是通过 ...

  • flutter 面试

    一、flutter启动流程1.实例化WidgetsFlutterBinding类,2.创建组件树attachRoo...

  • Flutter

    阿里flutter-go flutter中文网 flutter实战

  • 日常记录Flutter开发中的小问题

    推荐一个Flutter实战的好去处:移动开发技术简介 · 《Flutter实战》 1,编译问题 记住Flutter...

  • Flutter开发实战初级(一)ListView详解

    Flutter开发实战初级(一)ListView详解 Flutter开发实战初级(一)ListView详解 本篇博...

  • Flutter 资源收集

    Flutter社区和资源传送门新: 慕课网《Flutter入门与案例实战》 | 中文网《Flutter实战》电子书...

  • Flutter 初尝:搭建 Flutter 开发环境

    Flutter 初尝:搭建 Flutter 开发环境 《Flutter实战》Flutter中文网 获取 Flutt...

  • Flutter 资源收集

    Flutter社区和资源传送门 新:慕课网《Flutter入门与案例实战》|中文网《Flutter实战》电子书 字...

  • Flutter 一些常用库

    Flutter社区和资源传送门 慕课网《Flutter入门与案例实战》中文网《Flutter实战》电子书 推荐:h...

网友评论

    本文标题:Flutter实战WidgetsFlutterBinding

    本文链接:https://www.haomeiwen.com/subject/sbwzbrtx.html