您现在的位置是:首页 > 文章详情

Flutter框架概览

日期:2018-06-27点击:545
前言:进入新框架的开发前,有必要整体了解框架设计及特点,对该框架初步认识,此文对Flutter框架进行浅显梳理,以备查阅;
Flutter框架
3a29ebf614f6a254ef28482858a4aa8b624841bd
从该架构图可知,Flutter框架可分为Framework层和Engine层;
Flutter Framework: 整个框架层都是用Dart语言实现,该层提供一套基础库, 用于处理动画、绘图和手势等。并且基于绘图封装了一套 UI组件库,并且细分为两种风格的组件
Materail : Android风格的Widget,包含以下几个大类
  1. App基础结构和导航类型(Scaffold,Appbar,BottomNavigationBar等)
d65b6dcca8923ffd3834d4071bbf6f3687075c49
20fc00de0a2b13961656f336d7f233c39ec54df7
a539598216f3c242327f76af258c28a4426d9c02
2f30f3e006e67064382ad783121976a2acb4bcd7
62e631bbb8c98273fb9a25d82ea163cf4918d3ee
Cupertino: IOS风格的Widget,主要包含:
CupertinoTabBar,CupertinoPageScaffold,CupertinoTabScaffold,CupertinoTabView
4a6746b4637071b4752e2f63741e0ca0af72213d
Flutter Engine: 这是一个纯 C++实现的框架层,包含了 Skia引擎(高性能渲染引擎)、Dart运行环境、文字排版引擎等。它可以以 JIT、JIT Snapshot 或者 AOT(预先编译)的模式运行 Dart代码。AOT直接将Dart源码编译成了本地字节码,没有了解释执行的过程,提升执行性能。和Java显著不同的是Dart的"线程"(Isolate)是不共享内存的,各自的堆(Heap)和栈(Stack)都是隔离的,彼此之间通过消息通道来通信。所以,Dart不存在数据竞争和变量状态同步的问题,整个Flutter Framework Widget的渲染过程都运行在一个isolate中,在代码调用 dart:ui库时,提供 dart:ui库中 Native Binding 实现。 这个运行时还控制着 VSync信号的传递、GPU数据的填充等,并且还负责把客户端的事件传递到运行时中的代码。
bcd046dcf3c5e7f1e8174938a097d865585acd97

原文发布时间为:2018年06月21日
作者: country5
本文来源:  掘金  如需转载请联系原作者

原文链接:https://yq.aliyun.com/articles/610174
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章