本文次要介绍Flutter相干的货色，包含Fuchsia、Dart、Flutter个性、装置以及整体架构等内容。

简介

Flutter作为谷歌最近推出的跨平台开发框架，一经推出便吸引了不少留神。对于Flutter，目前咱们晓得它是一个跨平台开发框架。然而它自身并不止于此，例如Fuchsia、Dart等，咱们也都须要去理解。

Fuchsia

说到Flutter，相对绕不开Fuchsia，这个是谷歌开发的一款全新的操作系统，GitHub地址以及Google source主页。Fuchsia内核是Magenta Kernel，一个基于LittleKernel的我的项目。该零碎与Android相比，无论是存储器还是内存之类的硬件要求都大幅升高，外界推论是一款面向物联网的零碎。笔者倒是没有查到谷歌开发这款操作系统的目标，如果有通晓的，也烦请告知。

就像很多博客主说的那样，如果只是取代Android，那无疑是一种很不好的做法。任何技术的推动，都得靠背地的商业驱动，尤其是这种波及到手机厂商利益的技术。

Flutter

Flutter是Fuchsia的开发框架，是一套挪动UI框架，能够疾速在iOS、Android以及Fuchsia上构建高质量的原生用户界面。 目前Flutter是完全免费、开源的，GitHub地址。其官网编程语言为Dart，也是一门全新的语言。所以说，上手老本比拟高，对于挪动端开发人员，语言以及框架都是全新的，整个技术栈的积攒也都得从头开始。

能够看下其官网介绍的个性：

  • 疾速开发：Flutter的热重载能够疾速地进行测试、构建UI、增加性能并更快地修复谬误。
  • 富裕表现力，丑陋的用户界面：自带的Material Design和Cupertino（iOS格调）widget、丰盛的motion API、平滑而天然的滑动成果。
  • 响应式框架：应用Flutter的古代、响应式框架，和一系列根底widget，轻松构建您的用户界面。
  • 拜访本地性能和SDK：Flutter能够复用现有的Java、Swift或ObjC代码，拜访iOS和Android上的原生零碎性能和零碎SDK。
  • 对立的利用开发体验：Flutter领有丰盛的工具和库，能够帮忙开发者轻松地同时在iOS和Android零碎中实现想法和创意。
  • 原生性能：Flutter蕴含了许多外围的widget，如滚动、导航、图标和字体等，这些都能够在iOS和Android上达到原生利用一样的性能。

其实从官网个性来看，惟一有点吸引力的就是对立的利用开发体验。一套代码运行在多个平台，做到真正的跨平台。像热加载，目前Android开发自身就反对了，响应式框架以及拜访本地性能和SDK，对于Native来说，自身并没有多大的吸引。至于丑陋的用户界面，国内的商业我的项目，哪一个会去依照Material Design去设计。

跨平台自身，往往意味着性能受损，通用性解决不了的问题，又得回到Native去实现。所以这些因素也是跨平台从挪动端诞生之初就开始提，到当初也没有被很好解决的一个起因。至于谷歌可能做到什么水平，或者说开发者该放弃什么期许，我感觉都不好说，或者谷歌解决了一个多年的难题，或者又像被谷歌放弃掉的其余我的项目一样。抛开商业层面，对于技术人员，咱们更多的是应该去关注它的思维，谷歌是如何去解决这些理论存在很久的问题的，至于技术自身的倒退，这个是集体开发者无奈去左右的，技术的更迭，放弃一种学习的状态，而后致力锻炼身体，就可能保障不被淘汰掉。

Dart

Dart是谷歌开发的计算机编程语言，于2011年10月份公布，能够被用于web、服务器、挪动端和物联网等畛域的开发。Flutter采纳Dart，起因很多，抛开商业层面的Java版权问题，单纯从技术层面：

  • Dart是AOT（Ahead Of Time）编译的，编译成疾速、可预测的本地代码，使Flutter简直都能够应用Dart编写；
  • Dart也能够JIT（Just In Time）编译，开发周期快；
  • Dart能够更轻松地创立以60fps运行的晦涩动画和转场；
  • Dart使Flutter不须要独自的申明式布局语言；
  • Dart容易学习，具备动态和动静语言用户都相熟的个性。

Dart最后设计是为了取代JavaScript成为web开发的首选语言，最初的后果可想而知，到Dart 2的公布，专一于改善构建客户端应用程序的体验，能够看出定位的转变。用过Java、Kotlin的人，能够很快的上手Dart。

一门语言的成败，抛开背地的商业推动，我想很重要的一点在于其生态，生态的好坏，次要包含开发者以及第三方库的数目，目前看，Dart的生态还是比拟差。对于集体开发者，能够依据情绪来抉择，然而对于商业利用，有更简单的考量规范。Dart背地有谷歌的推动，能倒退到什么水平，还得看其商业运作能力了。

配置

此局部针对Mac平台，Windows平台的装置配置，Linux平台的装置配置。因为笔者次要做挪动端开发，如果想应用Flutter进行iOS和Android全平台的开发，环境也倡议是Mac平台，毕竟iOS只能在Mac下进行模仿调试。

装置Flutter

git clone -b beta https://github.com/flutter/flutter.gitexport PUB_HOSTED_URL=https://pub.flutter-io.cn //国内用户须要设置export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //国内用户须要设置export PATH=`pwd`/flutter/bin:$PATH

iOS设置

brew updatebrew install --HEAD libimobiledevicebrew install ideviceinstaller ios-deploy cocoapodspod setup

Android设置

下载Android Studio，装置Flutter插件，会将Dart插件也一起装置。

体验Flutter

IDE倡议抉择Android Studio，装置了Flutter插件后，Flutter的开发跟Android 开发相似，附带三种模版工程、断点调试等。

在Android Studio外面新建一个Flutter Application的我的项目，抉择模拟器或者间接连贯真机运行，就能够看到一个简略的Flutter利用了，能够在Android和iOS不同平台下看看差别。

Flutter架构

Flutter是一款挪动应用程序SDK，一份代码能够同时生成iOS和Android两个高性能、高保真的应用程序。

Flutter对于挪动开发人员，最引诱的能力是其齐全的跨平台个性，不同于RN这种一处学到处写，它是一处写到出跑，然而他跟其余的跨平台有何区别呢？

跨平台解决方案

市面上的跨平台解决方案，能够大抵归结为两类：

  • 应用平台反对的web技术：这些解决方案基本上加载了应用程序中的挪动浏览器，并在该浏览器中执行所有的逻辑，例如PhoneGap。
  • 本地跨平台：程序员编写的代码主动转换为Native代码，这种形式的长处是近乎原生的性能，例如RN、Weex、Xamarin等。

这些计划是否真正的解决了跨平台问题呢？从目前的情况来看，很显然是没有的，因为它们都始终逃不开性能、包大小、流畅性、内存、平台个性等问题。

RN独自拧进去说，是因为它们并不是谋求的一次写到处跑，FB本人也晓得不事实，所以把口号改成一次学到处写，去思考平台的个性，去思考这个被跨平台计划常常疏忽的问题。然而RN也并没有被宽泛的接收，从阿里开始应用到放弃，外面的很多坑都绕不过来。写一次到处跑的确很迷人，从企业角度讲，能够节俭大量的人力，然而却疏忽了一个很根底的问题，不同平台是否心愿如此，苹果是否会违心本人的生态被突破，不同平台的个性是否应该被归为统一。

Flutter的跨平台解决方案

下面简略说了传统跨平台解决方案，咱们再回过头看看Flutter的解决方案，Flutter跨平台最外围的局部，是它的高性能渲染引擎（Flutter Engine）。Flutter不应用浏览器技术，也不应用Native的原生控件，它应用本人的渲染引擎来绘制widget。

说到widget，就要说一句Flutter的所有皆为widget理念。widget是Flutter应用程序用户界面的根本构建块。每个widget都是用户界面一部分的不可变申明。与其余将视图、控制器、布局和其余属性拆散的框架不同，Flutter具备统一的对立对象模型：widget。在更新widget的时候，框架可能更加的高效。

对于Android平台，Flutter引擎的C/C++代码是由NDK编译，在iOS平台，则是由LLVM编译，两个平台的Dart代码都是AOT编译为本地代码，Flutter应用程序应用本机指令集运行。

Flutter正是是通过应用雷同的渲染器、框架和一组widget，来同时构建iOS和Android利用，而无需保护两套独立的代码库。

Flutter将UI组件和渲染器从平台挪动到应用程序中，这使得它们能够自定义和可扩大。Flutter惟一要求零碎提供的是canvas，以便定制的UI组件能够呈现在设施的屏幕上。

Flutter框架

Flutter框架是一个分层的构造，每个层都建设在前一层之上。

框架没什么可介绍的（次要是具体介绍我也没找到啥材料，大写的难堪），看着很简略，就分为两个局部，Framework和Engine局部，其中Framework提供了各种根底的组件库，Engine局部渲染各种widget，两者独特作用，使得运行性能高效稳固。

Flutter调研

生态

在Flutter官网的Pub平台上，纯Flutter Package大略有两千多个，基本上常见的库还是都有的，例如网络、图片、音视频播放等等。然而对于目前Android以及iOS的生态，还是远远的有余的，对于一些简单的UI或者一些不是特地通用的性能，就得本人去实现。

包大小

依据官网的介绍，一个最小的Android版本的Flutter利用。release版本大小约6.7MB，其中外围引擎大概3.3MB，框架+利用程序代码大概是1.25MB，LICENSE文件（蕴含在app.flx中）是55k，必须的Java代码.dex为40k，并且约有2.1MB的ICU数据。思考到目前网络环境，包大小的减少，还也在能够承受的范畴。

Crash

iOS运行官网的例子，会有时候crash掉，因而咱们将一个开源的Flutter利用增加了Bugly上报，在Android平台进行了众测。

参加人次大略150人左右，启动次数大略500次左右，没有呈现一次Crash数据上报，因为app很简略，并不能阐明很多问题，然而众测用户反馈了约12条信息，其中1条是相似于ANR，无奈操作，其余的局部则是卡顿相干的反馈。

流畅性

将官网的例子发给测试同学，让在iOS以及Android平台的不同机子上运行了下。在iOS上基本上晦涩运行，没有呈现卡顿的景象，在Android局部设施上，呈现了卡顿的景象。

因为没有简单的例子，其实这个流畅性的测试，意义不是特地大，官网简略的控件展现demo程序，自身就很简略，然而在Android上还是呈现了不少问题，只能阐明整体还有十分大的优化空间。

编写复杂程度

试着照着一张设计稿进行了简略的纯布局代码工作，首次接触用起来还是比较复杂，尤其是那恐怖的嵌套层级，对代码保护来说相对是个问题，而且因为Flutter的widget机制，很多组件只反对最根本的操作，例如一些扩大的属性，都得本人去实现，况且当初组件库还不是十分的丰盛。代码量也比拟多，整个代码大略有500行左右，还只是不波及到一些交互以及数据绑定等。

从运行成果看，还是比拟的不错，两者还原的成果都挺不错的。

论断

如果是集体而言，我感觉能够放心大胆的去学习尝试，独立开发app，能够写一套代码，在多个平台运行公布。

如果是商业团队，这个就要自行取舍，目前而言，Flutter生态还是十分的不欠缺，相干的材料也非常少。目前处于beta 3阶段，多久能到release，是否到release，都是个未知数，而且，用Flutter，最大的危险，就是我的项目整体的不可把控，一旦呈现一些坑，如果能填好，那还行，如果波及到无奈解决的问题，就只能放弃。因而看本人团队人力以及工夫合理安排比拟适合。目前看阿里的咸鱼团队在钻研Flutter。

如果单纯从Flutter自身可能解决的问题的方面登程，应用Flutter的确可能产生肯定的收益，节俭开发成本，如果思考到目前坑比拟多的情况，加上踩坑的工夫，可能就无奈去评估了。

总体来说，Flutter的确是一个比拟不错的货色，如果谷歌可能把它倒退的比较完善，对于集体以及小团队来说，的确是个福音。

后话

笔者新建了一个flutter学习相干的我的项目，github地址，外面蕴含了笔者写的对于flutter学习相干的一些文章，前期也会定期更新，也会上传一些学习demo，欢送大家关注。

参考

  1. Flutter中文网
  2. Google 轻轻开发的全新操作系统 Fuchsia 被发现了！
  3. 为什么Flutter会抉择 Dart ？
  4. Flutter教程(二) 理解Dart语言
  5. 为什么挪动端跨平台开发不靠谱？
  6. 为什么说Flutter是革命性的？

相干教程

Android根底系列教程：

Android根底课程U-小结_哔哩哔哩_bilibili

Android根底课程UI-布局_哔哩哔哩_bilibili

Android根底课程UI-控件_哔哩哔哩_bilibili

Android根底课程UI-动画_哔哩哔哩_bilibili

Android根底课程-activity的应用_哔哩哔哩_bilibili

Android根底课程-Fragment应用办法_哔哩哔哩_bilibili

Android根底课程-热修复/热更新技术原理_哔哩哔哩_bilibili

本文转自 https://juejin.cn/post/6844903607280599054，如有侵权，请分割删除。