Flutter技术介绍

一丶什么是Flutter&＃xff1f;

Flutter 是谷歌的移动UI框架&＃xff0c;可以快速在iOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作。在全世界&＃xff0c;Flutter正在被越来越多的开发者和组织使用&＃xff0c;并且Flutter是完全免费、开源的。

二丶Flutter 的特点

• 快速开发
  毫秒级的热加载&＃xff0c;修改后&＃xff0c;您的应用界面会立即更新。使用丰富的、完全可定制的widget 在几分钟内构件原生界面

• 富有表现力和灵活的UI
  快速发布聚焦原生体验的功能。分层的架构允许您完全自定义&＃xff0c;从而实现难以置信的快速渲染和富有表现力、灵活的设计。

• 原生性能
  Flutter 包含了许多核心的 widget&＃xff0c;如滚动、导航、图表和字体等&＃xff0c;这些都可以在iOS和Android上达到原生应用一样的性能。

• 跨平台引擎

• 高性能

三丶为什么要学习Flutter

• Flutter是目前为止最好的跨平台解决方案和框架&＃xff0c;流畅高效
• 对程序员友好&＃xff0c;相比原生App开发&＃xff0c;具有更高的UI开发效率
• 是谷歌最新的多端一体化系统Fuchsia的唯一GUI库&＃xff0c;掌握Flutter具有对未来的战略意义

可以预见&＃xff0c;如果未来Fuchsia系统能够像安卓系统一样流行&＃xff0c;Flutter开发必然水涨船高&＃xff0c;收获一批技术红利。Flutter真正大火的关键就在Fuchsia系统&＃xff0c;而不是目前的原生开发生态。

四丶前置知识

Dart 编程语言

五丶适合人群

• 前端爱好者&＃xff1a;希望升级技能&＃xff0c;掌握全端开发技术
• Flutter爱好者&＃xff1a;喜欢移动开发&＃xff0c;并想从事Flutter开发
• 移动开发人员&＃xff1a;已经在作移动开发&＃xff0c;想提升自己竞争力

六丶Flutter 的解读

• 跨平台&＃xff1a;Linux、Android、iOS、Fuchsia
• 原生用户界面&＃xff1a;它是原生的&＃xff0c;让我们体验更好&＃xff0c;性能更好
• 开源免费&＃xff1a;完全开源&＃xff0c;可以进行商用

七丶Flutter VS Dart

八丶Flutter与主流框架对比

• Cordova&＃xff1a;混合式开发框架&＃xff08;Hybrid App&＃xff09;
• RN&＃xff08;React Native&＃xff09;&＃xff1a;生成原生App&＃xff0c;但以View为基础嵌入
• Flutter&＃xff1a;在渲染技术上&＃xff0c;选择了自己实现&＃xff08;GDl&＃xff09;

九丶Flutter 生态环境介绍

• Google公司出品和推广 并且在中国也有推广中心
• 第三方组件也在迅猛发展 https://github.com/Solido/awesome-flutter
• 哪些公司已经在开始使用&＃xff1a;Alibaba、Tencent、JD

十丶Flutter 120fps超高性能

fpx&＃xff1a;每秒传输帧数&＃xff0c;可以简单理解为每秒画面数

电影电视&＃xff1a;24fps
液晶显示器&＃xff1a;60HZ
游戏&＃xff1a;80fpx

十一丶Flutter的来源于演讲历史

从Chrome发展而来&＃xff0c;18年底发布正式版&＃xff0c;从跨手机端到跨终端设备&＃xff0c;体现了全平台制霸的目标

十二丶Flutter 的定位与应用场景

Flutter在研发效率/性能/多端一致性上有比较好的优势&＃xff0c;特别适用于中台战略下的小前台团队&＃xff0c;以及小而美的客户端团队。而像B类产品这种可能需要团队输出多个App的场景&＃xff08;但对平台特性要求不高&＃xff09;的情况也非常适用

十三丶Flutter 架构图

十四丶Flutter 面临的挑战与机遇

Flutter 正式release其实只有一年多&＃xff0c;在性能/动态性/混合架构/互动能力等方向都不是特别完善&＃xff0c;是挑战也是机会。在目前的生态下&＃xff0c;对头部公司和个人都存在一些机会&＃xff0c;希望每个角色都能利用这些机会成长和突破。

十五丶打印“Hello World”

import &＃39;package:flutter/material.dart&＃39;;void main() {runApp(new Center(child: new Text(&＃39;Hello, world!&＃39;,textDirection: TextDirection.ltr,),),);
}


十六丶学习资料

• Flutter 官网

• 【腾讯课堂-李楠】Flutter实战指南
  李楠&＃xff1a;
  《Flutter实战指南》作者&＃xff0c;资深全栈架构师&＃xff0c;擅长用Flutter、HTML5、Java、Python等语言进行技术开发&＃xff0c;曾任中石油集团总部、58集团总部资深研发工程师&＃xff0c;具有多年移动和互联网开发经验&＃xff0c;主导过人民旅游App、旅游大数据平台、中国石油物资采购系统等项目的设计和架构

• 【慕课网-技术胖】Flutter入门与案例实战

• 【B站-技术胖】Flutter基础视频教程
  技术胖&＃xff1a;
  10年程序开发经验&＃xff0c;关注并使用WEB前端&＃xff0c;PHP&＃xff0c;Node&＃xff0c;Flutter技术。

• 【B站-氿酱紫】Flutter 全栈式开发指南