Flutter学习（一）

Flutter

Flutter超高性能
120fps超高性能，使用GPU渲染
GPU渲染流程：

状态控制：

总体架构
分为两大部分：引擎部分和框架部分
Skia: Google出品的图形UI框架
Dart: Dart VM虚拟机
Text: 纹理渲染框架
Foundation： 接口层
Animation： 动画
Painting： 渲染
Gestures： 触控
Rendering： 整体渲染
Widgets： 组件库
Material： Google主题设计风格
Cupertino： Ios主题设计风格

Flutter官网：https://flutter.dev/
第三方组件：https://github.com/Solido/awesome-flutter
Flutter中文网：https://flutterchina.club/

Flutter开发环境的搭建

flutterSDK的安装

• 下载flutterSDK
  下载地址：https://flutter.dev/docs/development/tools/sdk/releases

注意：下载SDK需要科学上网操作

• 配置环境变量：
  解压SDK到制定位置，然后根据bin路径配置系统环境变量path
  
  cmd命令窗口显示如图flutter帮助信息即环境配置完成
  Futter的升级
• 在线升级 命令行窗口输入命令 flutter upgrade

注意：在线升级需要科学上网，否则在升级过程中有些组件无法下载，会导致Flutter项目无法识别设备的情况，出现这种情况需要重新安装Flutter SDK就可以或者配置国内镜像

镜像地址配置：

PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

此镜像为临时镜像，并不能保证一直可用，可以参考https://github.com/flutter/flutter/wiki/Using-Flutter-in-China获取有关镜像服务器的最新动态。

• 离线升级
  删除SDK重新下载
• flutter doctor命令的使用
  flutter doctor 会自动检测当前开发环境配置，并且自动下载欠缺的文件。下载过程相对耗时。尤其对于国内用户有时还是出现下载失败情况。
  

Android studio安装flutter插件

打开Android Studio -> File -> Settings -> Plugins，搜索flutter
安装flutter插件会自动安装dart

创建一个flutter项目

插件安装完成后，重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

或者

点击创建Flutter Project，这个过程大概会需要等待一分钟的时间，会显示如下图，选择创建Flutter Application

如果第一次创建Flutter Project，SDK的路径没有自动识别的化需要自己选择下，如图

一路Next+Finish
至此，flutter的环境搭建和项目的创建就算完成了，很简单