【2023最新】Flutter教程第1章 Flutter简介

朴灿烈づ我的快乐病毒、 2024-03-22 13:34 54阅读 0赞

#### 【2023最新】Flutter教程 ####

#### 文章目录 ####

*   *   *  【2023最新】Flutter教程
         *   *  第1章 Flutter简介
             *   *  1.1 移动App开发的前世今生
                 *  1.2 为什么选择Flutter
                 *   *  1.2.1 Flutter的优势
                     *  1.2.2 Flutter强大的跨平台特性
                     *  1.2.3 Flutter 的明天
                 *  1.3 Flutter的体系结构

![在这里插入图片描述][821241c7959c4989b6606716f84ec057.png_pic_center]

##### 第1章 Flutter简介 #####

Flutter是一个由Google与社区开发的开源移动应用软件开发工具包，可以用于Android App的开发，也可以用于iOS App的开发。

###### 1.1 移动App开发的前世今生 ######

*  2007年1月9日，第一代iPhone 正式发布。
    
    ![在这里插入图片描述][a5c7ba7a29fd46848def5e58367941e8.png_pic_center]
 *  2008年6月，iPhone 3G 发布。
    
    ![在这里插入图片描述][0739f76c48244b139b51f4b1541d9ca9.png_pic_center]
    
    APP Store也随之诞生。移动App 开发正式兴起
 *  2003年10月，Andy Rubin等4人在加利福尼亚州创建了Android Inc.,并开发了Android操作系统。
 *  2005年被Google 收购，经过不断改良、创建、开源，截止到2010年，市场占有率遥遥领先。
    
    这和丰富多彩的App 是离不开关系的
 *  根据Net Market Share机构的统计，截止到20l8年l2月，在全球的移动操作系统市场占有率中，Android以68.93%的占比遥遥领先于第二名iOS的29.29%，成为市场占有率最高的移动操作系统。
 *  起初时，Android应用开发使用Java ，后来有了kotlin，IOS 应用开发使用objective-C，后来有了Swift。
 *  跨平台思维诞生
 *  到今天为止，实现跨平台的技术路线概括起来有Web App、Hybrid混合开发和跨平台框架三条。
    
     *  Web App 老前辈，这类App 无须用户安装，只需要访问指定地址就可以运行
     *  Hybird 混合开发是指App的一部分采用原生技术开发，另一部分使用Wb网页开发，二者之间依靠WebView 交互。
     *  在跨平台框架中，我们比较熟悉的是React Native。React Native的渲染在UI层，使用的仍然是平台各自的控件，因此，在性能上要优于Web App和Hybrid模式，而且支持热修复，这为App的更新提供了方便。但是，它在动画性能上仍略显不足，而且并不能完全摆脱原生代码，再加上调试困难使得一部分人不得不放弃React Native,甚至连Airbnb的技术团队也宣布弃用React Native。

Flutter最早出现在2015年，属于跨平台框架，其前身为Sky,并使用Dart编程语言作为开发语言，提供了最为接近原生的体验。

###### 1.2 为什么选择Flutter ######

###### 1.2.1 Flutter的优势 ######

*  提供原生性能：
    
     *  响应式视图，无须JavaScript 做桥接
     *  强大API实现复杂界面
     *  高性能的渲染机制
 *  快速开发和迭代
    
     *  热修复、热重载
     *  Flutter SDK 允许修复崩溃和继续从应用程序的地方进行调试
 *  灵活的跨平台开发
    
     *  可以单独作战
     *  也可以与现有原生代码结合
 *  界面流畅、样式美观
    
    对于不用平台，Flutter 提供了不同的风格控件

###### 1.2.2 Flutter强大的跨平台特性 ######

Flutter支持iOS,Android及Fuchsia平台的App开发。

Flutter的目标是用来创建高性能、高稳定性、高帧率、低延迟的Android和iOS应用。

###### 1.2.3 Flutter 的明天 ######

[https://flutter.dev/showcase][https_flutter.dev_showcase]

![在这里插入图片描述][738cfb7beb43405d8fe78405fa6c462f.png_pic_center]

众多使用Flutter 技术开发的产品以及公司。

###### 1.3 Flutter的体系结构 ######

Flutter 官网介绍：[https://docs.flutter.dev/resources/architectural-overview][https_docs.flutter.dev_resources_architectural-overview]

![在这里插入图片描述][8020e7e39672477ab88a8d611de19aa2.png_pic_center]

包括三大层级，分别是Framework(框架层)、Engine(引擎层)和Embedder(嵌入层)，其中App都是基于Framework开发并运行在Engine层上的。

*  Framework层使用Dart实现，它包含了所有和UI相关的组件、动画、手势等。
 *  Engine层使用C/C++实现，主要涵盖了Skia,Dart和Text。其中，Skia是开源的图形库，提供适用于多种软硬件平台的API;Dart层包含了在Dart运行时的垃圾收集、JIT编译(Just In Time动态即时编译，用于Debug模式)、AOT编译(Ahead Of Time静态提前编译，用于Release/Profile模式)：Text则负责文本渲染。
 *  Embedder层能确保各平台的兼容性。在Android和iOS平台上，Embedder层负责将上层完美地嵌入到它们中。而上层只提供画布，所有内容的绘制渲染逻辑均在Flutter内部完成，这实现了Flutter App和平台的无关性。

[821241c7959c4989b6606716f84ec057.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f899f0ec401b4ae7b3ab3933196cb3b9.png
[a5c7ba7a29fd46848def5e58367941e8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/f5ce2fd23cf3441a8674f447407ca310.png
[0739f76c48244b139b51f4b1541d9ca9.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/71891500d3a04bc5aa7b3a8d1308098e.png
[https_flutter.dev_showcase]: https://flutter.dev/showcase
[738cfb7beb43405d8fe78405fa6c462f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/84cd134016614aa2b568932f90c22050.png
[https_docs.flutter.dev_resources_architectural-overview]: https://docs.flutter.dev/resources/architectural-overview
[8020e7e39672477ab88a8d611de19aa2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/22/97ed01d9ae234185bc658114640e1a72.png