flutter发展前景如何？

哈喽，我是老刘

先说结论，我觉得Flutter目前更值得学习

Flutter和React Native都是跨平台移动应用开发框架，它们的主要区别在于语言、性能、开发效率等方面。Flutter使用Dart语言，而React Native使用JavaScript语言。Flutter的性能比React Native更好，因为Flutter使用自己的渲染引擎，而React Native使用原生组件。Flutter的开发效率也比React Native更高，因为它具有热重载功能，可以快速预览应用程序的更改。

1、自带绘制系统，让Flutter拥有原生级别的性能

RN、Weex等跨平台开发框架，都选择将绘制任务交给了平台原生的绘制引擎。因此，这些框架在规避了重新开发一套图形机制的同时，也从底层机制上带来了无法调和的性能问题。

Flutter采用了截然不同的思路，自带渲染引擎，实现了全套的图形SDK。因此Flutter从架构上就拥有和原生同级别性能的能力。

在原生开发中，程序员通过对应平台的编程语言（Java、Kotlin、OC、Swift），调用原生系统的SDK编写原生页面。SDK会调用底层的绘制引擎进行图形的绘制和渲染。

以RN为代表的跨平台框架，则是在原生的基础上增加了一个Android和iOS通用的运行层，来实现跨平台开发。

程序员通过JS语言调用RN提供的JS层面的SDK编写页面逻辑。

运行时通过JSCore执行的JS代码会和RN的系统原生模块通信。

原生的RN模块在收到JS层面发过来的页面信息后，会翻译成对应的原生组件，再调用原生SDK进行绘制。

从图中可以看出来，RN这类架构多了两块开销：

1、JS本身的运行开销

2、JS和原生通信的开销

举个例子，当我们要实现一个View拖动到另一个位置时，需要在拖动过程中极为频繁的JS和原生通信，这时用户体验会明显下降。

Flutter可以理解为用Dart语言封装了一套和原生一样的图形系统。而Flutter底层使用和Android原生一样的Skia引擎。

这就是为什么我们说Flutter有原生级别的性能。

2、Flutter能带来目前体验最好的两端一致性

类似RN这样的跨平台框架，绘制层面调用系统的原生控件。

但是，不同平台间的原生图形系统从绘制原理到API设计都截然不同。

这就造成了，同一套代码在不同平台上的效果也经常不完全一致。有时候还会出现奇怪的不兼容问题，甚至需要在原生代码层面进行调试。

Flutter如何解决这个问题呢？

Flutter本身实现了一套图形系统，并且自带绘制引擎Skia。

因此，不同的手机系统对Flutter来说，在图形绘制这个角度看都是一样的，都是CPU和GPU的抽象硬件提供者。

同一套代码，在Android和iOS上执行，从业务逻辑到页面布局再到最终渲染，都是在Flutter内部完成。

也正是因此，通过Flutter实现的功能，在不同系统手机上的呈现效果是高度一致的。

3、拥有热更新的Flutter，开发效率比原生更高

先来看一下原生开发的体验

以Android为例，假如修改了页面上一个按钮的位置，需要经过三个步骤才能看到修改的结果

1、重新编译运行工程（老刘的项目3分钟）

2、编译好的包覆盖安装到手机（看手机，垃圾测试机20秒）

3、按照原有流程进入指定页面（取决于页面深度，碰到需要填一个表单才能进入的页面，程序员想砸键盘）

影响效率的，不仅仅是这个过程中的时间开销，还有原本连贯的思维过程被频繁打断后带来的开发人员效率下降。

再来看看Flutter上的开发体验

修改按钮位置后，点击热更新按钮，页面是在秒级更新的

这种顺滑的开发体验，让老刘在单端的项目中也更喜欢采用Flutter进行开发。

以上是我选择Flutter作为跨平台开发框架的一些原因。

如果对客户端程序员的发展或者Flutter开发感兴趣，都欢迎联系老刘，我们互相学习。

点击免费领老刘整理的《Flutter开发手册》，覆盖90%应用开发场景。

可以作为Flutter学习的知识地图。

随着移动互联网的快速发展，应用程序已经成为人们生活中必不可少的一部分，而小程序和Flutter技术则是当前应用开发中备受瞩目的两大趋势。小程序是一种轻量化的应用程序，其不需要用户下载安装即可使用，同时也具备了高效便捷的使用体验。而Flutter技术则是一种跨平台的应用开发技术，可以在Android、iOS、Web等多种平台上运行，具有快速迭代、优秀的性能等优点。Flutter开发的小程序，运行至移动智能终端上，这不仅可以大幅降低小程序开发的成本，还可以提高开发效率、增强用户体验。目前，越来越多的开发者和企业开始关注和使用Flutter开发小程序，也有不少小程序平台提供了支持Flutter技术的开发工具，可见Flutter和小程序技术的结合具有广阔的发展前景。

什么是Flutter？

Flutter 是一种跨平台的移动应用开发框架，由 Google 开发和维护。Flutter 可以让开发者使用单一代码库构建高性能、高保真度的 iOS 和 Android 应用。Flutter 提供了一个现代化、响应式的框架，支持快速开发并且易于学习，同时还提供了丰富的 UI 组件、开发工具和第三方库。

Flutter 使用 Dart 语言作为其开发语言，Dart 是一种由 Google 开发的客户端和服务器端开发语言。Flutter 的核心思想是使用一种名为“Widget”的基本构建块来构建应用程序。Widget 是一种描述应用程序界面元素的对象，可以被组合在一起形成复杂的 UI。

Flutter 支持响应式编程，可以在用户交互时动态更新 UI，还支持热重载，使得开发者能够快速进行迭代开发。Flutter 的高性能是由其自带的渲染引擎和框架优化所实现的。Flutter 还具备良好的文档和社区支持，可以在 Google、GitHub 等平台上找到丰富的资源。

为什么开发者选用Flutter？

1. 跨平台支持：Flutter 可以让开发者使用单一代码库构建 iOS、Android 和 Web 应用程序，从而减少开发成本和时间。Flutter 还可以编译为 Windows、macOS 和 Linux 应用程序，以及嵌入式设备应用程序。
2. 响应式编程模型：Flutter 支持响应式编程模型，可以在用户交互时动态更新 UI，从而提供更好的用户体验。开发者可以使用框架提供的丰富的 UI 组件构建应用程序，并且可以定制这些组件以适应特定的需求。
3. 热重载功能：Flutter 提供了热重载功能，可以快速重新加载应用程序并立即看到修改后的效果，从而加快开发效率。
4. 高性能：Flutter 自带的渲染引擎和框架优化可以提供高性能的应用程序，同时也支持原生代码集成，可以实现更高的性能和更好的用户体验。
5. 丰富的第三方库和工具：Flutter 生态系统非常丰富，提供了大量的第三方库和工具，可以帮助开发者更快速地开发应用程序。

小程序技术的出现，造就了其生态的指数增长

中国小程序生态的现状非常活跃。自微信小程序在2017年发布以来，国内各大互联网公司相继推出了自己的小程序平台，如支付宝小程序、百度智能小程序、字节跳动的抖音小程序等，小程序的数量和用户规模都在迅速增长。

据2019年的数据，微信小程序的日活跃用户已经超过了2.5亿，支付宝小程序的日活跃用户也已经超过了1亿。此外，据艾瑞咨询的数据，截至2021年，中国的小程序用户规模已经超过了5亿，占据了中国移动互联网市场的接近一半。

在中国的小程序生态中，除了传统的电商、餐饮、出行等应用外，还出现了许多新型的应用场景，如小游戏、社交、教育、金融等领域。各大互联网公司也在积极探索小程序的商业化模式，例如通过小程序引流、营销、广告等方式来获得收益。

Flutter与小程序容器技术能怎么结合？

1、使用小程序容器嵌入Flutter开发的App：可以使用小程序容器（如： FinClip)将小程序运行再Flutter开发的App中，实现在小程序中运行Flutter应用程序的效果。这种方法可以利用Flutter强大的跨平台能力和灵活的UI定制能力，同时又能够享受到小程序的轻量级和高效的用户体验。

2、使用Flutter开发小程序：可以使用Flutter开发小程序，然后使用小程序容器将其打包成小程序进行发布。这种方法可以利用Flutter的高效迭代和强大的生态系统，快速开发出具有良好用户体验的小程序，并且可以适配多个平台。这里也还需要提一下，一般小程序容器技术提供商，都会配备小程序上下架管理后台，对于已有的小程序进行统一的分发及管理，一些成熟的小程序管理平台还会具备插件生态及小程序转App能力（据了解 FinClip就具备），这样算是与Flutter框架互为闭环了。

以下是用Flutter写的简易小程序Demo：一个简单的计数器小程序应用，包含一个“加一”按钮，每次点击该按钮，计数器就会加一。界面使用了Flutter的Material Design风格，具有良好的用户体验。

import 'package:flutter/material.dart';

void main() {

runApp(MyApp());

}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

title: 'My First Flutter Mini Program',

theme: ThemeData(

primarySwatch: Colors.blue,

),

home: MyHomePage(title: 'Welcome to My Flutter Mini Program'),

);

}

}

class MyHomePage extends StatefulWidget {

MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override

_MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State<MyHomePage> {

int _counter = 0;

void _incrementCounter() {

setState(() {

_counter++;

});

}

@override

Widget build(BuildContext context) {

return Scaffold(

appBar: AppBar(

title: Text(widget.title),

),

body: Center(

child: Column(

mainAxisAlignment: MainAxisAlignment.center,

children: <Widget>[

Text(

'You have pushed the button this many times:',

),

Text(

'$_counter',

style: Theme.of(context).textTheme.headline4,

),

],

),

),

floatingActionButton: FloatingActionButton(

onPressed: _incrementCounter,

tooltip: 'Increment',

child: Icon(Icons.add),

),

);

}

}

3、使用Flutter开发小程序组件库：可以使用Flutter开发小程序组件库，然后供其他开发者使用。这种方法可以充分利用Flutter的高效开发能力和强大的UI定制能力，开发出具有高质量的小程序组件库，并且可以适配多个小程序平台。

利用Flutter和小程序容器技术的结合，可以实现小程序的快速开发和优秀的用户体验，同时也能够满足开发者对于高效开发和灵活定制的需求，具有广泛的应用前景和发展潜力。

结合Flutter和小程序技术，可以实现快速高效的小程序开发，这对于企业和开发者来说都是一个不错的选择。在未来，随着小程序的普及和Flutter技术的不断发展，相信Flutter和小程序技术将会越来越成熟，可以为用户提供更加优秀的小程序体验，也能够为开发者和企业提供更高效、更灵活的小程序开发方案。同时，也需要注意的是，无论是使用Flutter还是小程序技术，都需要在具体实践中根据需求进行选择，以达到最佳的效果。

Flutter和小程序技术的结合将是未来应用开发领域的一个重要发展趋势，值得我们关注和期待。

Flutter 自诞生之日起，从来都稳坐风口浪尖，关注与争议一直伴随其身。学习一门技术的时候大家最关心的就是发展前景怎么样，那就让我们一起来看看2023年Flutter开发前景到底怎么样吧。

Flutter开发前景

从上图的数据可以看出，虽然Flutter开发岗位的招聘在减少，但工资待遇方面在不断上升，这就说明了，Flutter开发岗位的竞争还是比较强的。

况且近几年，诸多互联网大厂投入实践，先是有闲鱼团队大规模引入 Flutter，后有飞猪、百度贴吧、今日头条、西瓜视频、美团外卖、京东商城等团队在多个场景下落地了 Flutter 项目。

有这么多互联网大厂都在使用Flutter，所以说Flutter开发还是很有前景的。

Flutter招聘要求

可以看出Flutter开发薪资不低，但是门槛也不低，需要掌握的技术有：Dart语言，Flutter常用组件的实现原理，Flutter界面美化和布局等，如果你想入门或者转行，在找工作之前，还是要系统的学习一下Flutter。

如何学习

在此给大家分享一份Flutter技术解析与实战，全家桶学习资料（含Flutter进阶学习笔记、入门与实战和完整开发实战详解），资料内容条理清晰，含图像化表示更加易懂

由于文章内容比较多，篇幅有限，资料已经被整理成了PDF文档，有需要 Flutter技术解析与实战 完整文档的 点击这里，免费获取!!！

《Flutter技术解析与实战》

目录

第一章 混合工程

• Flutter工程体系
• 混合工程改造实战
• 混合工程与持续集成
• 快速完成混合工程搭建
• 使用混合栈框架开发

第二章 能力增强

• 基于原生能力的插件扩展
• 基于外接纹理的同层渲染
• 多媒体能力扩展实践
• 富文本能力应用实践

第三章 业务架构设计

• 应用框架设计实践
• 轻量级动态化渲染引擎的设计
• 面向切面编程的设计实践
• 高性能的动态模板渲染实践

第四章 数据统计与性能

• 数据统计框架的设计
• 性能稳定性监控方案的设计
• 高可用框架的设计与实践
• 跨端方案性能对比实践

第五章 企业级应用实战

• 基于Flutter的端结构演进与创新
• Flutter与FaaS云端一体化架构

《Flutter进阶学习笔记》

目录

第一章 为什么 Flutter 是跨平台开发的终极之选

• 这是为什么？
• 跨平台开发
• 什么是Flutter
• Flutter特性
• Flutter 构建应用的工具
• 使用 Flutter 构建的热门应用
• 构建 Flutter 应用的成本

第二章 在Windows上搭建Flutter开发环境

• 使用镜像
• 系统要求
• 获取Flutter SDK
• 编辑器设置
• Android设置
• 起步: 配置编辑器
• 起步: 体验
• 体验热重载

第三章 编写您的第一个 Flutter App

• 创建 Flutter app
• 使用外部包(package)
• 添加一个 有状态的部件（Stateful widget）
• 创建一个无限滚动ListView
• 添加交互
• 导航到新页面
• 使用主题更改UI

第四章 Flutter开发环境搭建和调试

• 开发环境的搭建
• 模拟器的安装与调试
• 开发环境的搭建
• 模拟器的安装与调试

第五章 Dart语法篇之基础语法(一)

• 简述
• Hello Dart
• 数据类型
• 变量和常量
• 集合(List、Set、Map)
• 流程控制
• 运算符
• 异常
• 函数
• 总结

第六章 Dart语法篇之集合的使用与源码解析(二)

• List
• Set
• Map
• Queue
• LinkedList
• HashMap
• Map、HashMap、LinkedHashMap、SplayTreeMap区别
• 命名构造函数from和of的区别以及使用建议

第七章 Dart语法篇之集合操作符函数与源码分析(三)

• 简述
• Iterable<E>
• forEach
• map
• any
• every
• ....

第八章 Dart语法篇之函数的使用(四)

• 简述
• 函数参数
• 匿名函数(闭包，lambda)
• 箭头函数
• 局部函数
• 顶层函数和静态函数
• main函数
• Function函数对象

第九章 Dart语法篇之面向对象基础(五)

• 简述
• 属性访问器(accessor)函数setter和getter
• 面向对象中的变量
• 构造函数
• 抽象方法、抽象类和接口
• 类函数
• 总结

第十章 Dart语法篇之面向对象继承和Mixins(六**)**

• 简述
• 类的单继承
• 基于Mixins的多继承
• 总结

第十一章 Dart语法篇之类型系统与泛型(七)

• 简述
• 可选类型
• 接口类型
• 泛型
• 类型具体化
• 总结

第十二章 Flutter中的widget

• Flutter页面-基础Widget
• Widget
• StatelessWidget
• State生命周期
• 基础widget
• .......

《Flutter入门与实战》

目录

《Flutter完整开发实战详解》

目录

第一章 Dart语言和Flutter基础

第二章 快速开发实战篇

第三章 打包与填坑篇

第四章 Redux、主题、国际化

第五章 深入探索

第六章 深入Widget原理

第七章 深入布局原理

第八章 实用技巧与填坑

第九章 深入绘制原理

第十章 深入图片加载流程

第十一章 全面深入理解Stream

第十二章 全面深入理解状态管理设计

第十三章 全面深入触摸和滑动原理

第十四章 混合开发打包 Android 篇

• Flutter 面试知识点集锦
• Flutter 开发实战与前景展望 - RTC Dev Meetup

在 Flutter 刚刚从 Google 刚刚推向 Android 市场的时候，我就开始对 Flutter 开始了学习之路；但由于当时 Flutter 许多东西尚未完善而没有推出稳定的版本，所以也就没有对其进行深入的学习，直到如今 Flutter 又重出江湖，在市场上也得到了蓬勃发展及许多业内大佬的力推，我便又再次入坑 Flutter

实现 UI 和交互是高级开发者的必备技能，也是掌握 Flutter 开发的重点；同样 Flutter 跨平台的特性是原生不能比拟的，更何况还有不弱的性能表现；而性能往往是由生命周期来决定的

何为 Flutter 的生命周期？

如果你是一名开发人员，那么你一定不会对生命周期感到陌生；当你在学习 Flutter 的时候，Flutter 也有自己的生命周期，只有通过了解 Flutter 的生命周期，才能知道应该在哪里来写业务逻辑

Flutter 生命周期

如上图所示,Flutter 生命周期大体上可以分为三个阶段： 初始化、状态变化、销毁；下面依次说明各个阶段的工作

初始化阶段（插入渲染树）

• 对应执行构造方法和 initState

状态变化阶段（在渲染树中存在）

• 开新的 widget 或者调用setState方法

销毁阶段（从渲染树种移除）

• deactivate和 dispose

如果之前你对 Flutter 有一点点了解的话，你会发现 Flutter 中有两个主要的 Widget： StatelessWidget（无状态） 和 StatefulWidget（有状态）

StatelessWidget

• 无状态组件]是不可变的，这意味着它们的属性不能变化，所有的值都是最终的；可以理解为将外部传入的数据转化为界面展示的内容，只会渲染一次
• 对于无状态组件生命周期只有 build 这个过程；无状态组件的构建方法通常只在三种情况下会被调用：小组件第一次被插入树中，小组件的父组件改变其配置，以及它所依赖的 InheritedWidget 发生变化时

StatefulWidget

• 有状态组件持有的状态可能在 Widget 生命周期中发生变化，是定义交互逻辑和业务逻辑；可以理解为具有动态可交互的内容界面，会根据数据的变化进行多次渲染

实现一个 StatefulWidget 至少需要两个类：

一个是 StatefulWidget 类 另一个是 Sate 类

• StatefulWidget 类本身是不可变的，但是 State 类在 Widget 生命周期中始终存在
• StatefulWidget 将其可变的状态存储在由 createState 方法创建的 State 对象中，或者存储在该 State 订阅的对象中

Fultter 的优势在哪里？

快速开发和迭代

Flutter 自身具有热修复（热重载）的功能，尽管有使用的限制，但是它依然能够为开发过程提供更高的效率；另外，Flutter SDK 还允许我们修复崩溃和继续从应用程序停止的地方进行调试

页面流畅、样式美观

对于不同的平台（Android和iOS），Flutter 提供了风格不同的控件，以满足不同平台的设计理念

提供原生性能

Flutter 提供了一种响应式视图，无须 JavaScript 做桥接；强大的 API 使得实现复杂的页面效果成为可能；高性能的渲染机制使得 120 FPS 的高频率 可以轻而易举的实现；当界面上的图片数量越来越多时，与 React Native 相比，Flutter的优势会越来越明显

灵活的跨平台开发

Flutter 可以单独作为开发框架完成整个 App 的开发，也可以与现有原生代码相结合实现 Hybrid 混合模式的开发

那 Flutter 需要学吗？

Flutter 抛弃了原生系统控件和 Webview，使用自研高性能渲染引擎来绘制 Widget，预先 (AOT) 编译，运行时直接执行 Native(arm) 代码，Dart 代码执行(在 UI TaskRunner)，图片下载 (IO TaskRunner)，真正的渲染 (GPU TaskRunner) ，同平台的通信等 (Platform TaskRunner 即 Native 概念下的主线程)是互相隔离的

针对布局等的优化；布局计算时单次树走动即可完成；Relayout Boundary 机制:如果 Child 的 size 是固定的，那么不会因为 Child 的 Relayout 导致 Parent ReLayout 等布局优化，都让 Flutter 脱颖而出

如上所述 Flutter 于谷歌而言，这是他们重新整理 跨平台生态环境 决心的体现，Flutter 所展现的内容，也是谷歌想拓展和维护的方向；对于长期苦恼于 跨平台 选择的广大 Android 开发者 而言，Flutter 可谓是谷歌为我们提供的 指路明灯

以目前的开发速度，只要不出大的纰漏，按部就班的往前推进，在不久的将来， Google 一定可以把 Flutter 平台打造得非常完美，届时又会改变移动开发技术的格局了

也许，Flutter 系列的部分库还没成熟到成为你工作的第一选择，但是，深入学习 Flutter 组件会为你日常的开发带来一些想法

总的来说，Flutter 对广大开发者而言是 利远远大于弊的

该如何去学习 Flutter？

这里给大家推荐一套 Flutter 开发学习路线，并附有相关《Flutter 开发核心知识点及源码解析笔记》，相信可以给大家提供一些帮助，有需要的朋友们也可以拿去查漏补缺；有需要的小伙伴： 可点击此处查看直达方式，或者点击下方小卡片 即可 直达获取！

手册内容展示如下

Dart 语法详解

Flutter 编译模式

Dart 语法进阶

Flutter 线程管理

Flutter 项目实战

Flutter 性能监控

以上的知识点内容都是免费获取的，有兴趣的小伙伴： 可点击此处查看直达方式 或者点击下方小卡片 即可 直达获取

觉得手册内容有用的话，大家可以点赞分享一下

flutter最大的问题还是太年轻了。。。