Flutter 技术介绍

·  阅读 248

文章目录

一丶什么是Flutter?

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

二丶Flutter 的特点

  • 快速开发
    毫秒级的热加载,修改后,您的应用界面会立即更新。使用丰富的、完全可定制的widget 在几分钟内构件原生界面
  • 富有表现力和灵活的UI
    快速发布聚焦原生体验的功能。分层的架构允许您完全自定义,从而实现难以置信的快速渲染和富有表现力、灵活的设计。
  • 原生性能
    Flutter 包含了许多核心的 widget,如滚动、导航、图表和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。
  • 跨平台引擎
  • 高性能

三丶为什么要学习Flutter

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

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

四丶前置知识

Dart 编程语言

五丶适合人群

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

六丶Flutter 的解读

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

七丶Flutter VS Dart

在这里插入图片描述

八丶Flutter与主流框架对比

  • Cordova:混合式开发框架(Hybrid App)
  • RN(React Native):生成原生App,但以View为基础嵌入
  • Flutter:在渲染技术上,选择了自己实现(GDl)

九丶Flutter 生态环境介绍

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

十丶Flutter 120fps超高性能

fpx:每秒传输帧数,可以简单理解为每秒画面数

电影电视:24fps
液晶显示器:60HZ
游戏:80fpx

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

在这里插入图片描述

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

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

在这里插入图片描述

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

十三丶Flutter 架构图

在这里插入图片描述

在这里插入图片描述

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

在这里插入图片描述

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

十五丶打印“Hello World”

import 'package:flutter/material.dart';

void main() {
  runApp(
    new Center(
      child: new Text(
        'Hello, world!',
        textDirection: TextDirection.ltr,
      ),
    ),
  );
}
复制代码

十六丶学习资料

分类:
Android
标签: