Android Studio使用Google Flutter完整教程

一套代码 iOS、Android 两端运行，Google Flutter 实在太强大。。

“Flutter 可帮助你更容易、更快速的开发界面美观的移动应用。”  — —  Google 

Flutter 使用的是 Google 自己开发的网络编程语言——Dart 语言，

因此，开发者只要使用过 Java 或 JavaScript 之类的语言，那么 Flutter 也极容易上手。

• 2017 年 Google I/O 大会上，Google 首次推出了一款新的用于创建移动应用的开源库——Flutter
• 2018年5月 Google I/O 大会上，Flutter 更新到了 beta 3 版本。
• 2018年6月 flutter 发布了首个预览版本

Flutter 团队还发布了中文  Flutter 网站：Flutter 社区中文资源 | Flutter 中文文档 | Flutter 中文社区

腾讯也将使用 Flutter 推出 “NOW 直播” 手机客户端。接下里就开始使用 Flutter

赠送源码：Pangu-Immortal (Pangu-Immortal) · GitHub

---

1、下载Flutter开发包（GitHub下载 或者 官网下载）GitHub简单些

无论我们使用什么方式下载，最终得到 Flutter 的 SDK开发包即可(有了开发包直径跳至2 、)

官网 ：Flutter - Build apps for any screen

GitHub：GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond

如下简单介绍一下官网下载，GitHub下载大家都很熟就不再介绍了。。。。

选择自己的系统版本下载即可 

---

2、下载完成后解压到flutter文件夹并将bin路径添加至path环境变量中（大家都会就不多说了）

注意：不要在这样的目录下 如： C:\Program Files\   这类系统目录或者有空的目录

---

3、在flutter目录中找到 flutter_console.bat 文件。双击启动它。检查并修复SDK

如果下载的旧版本需要升级可用如下命令：

$ flutter upgrade

如果刚下载的新版本直接运行如下命令：

flutter doctor

flutter doctor 会自动检测当前开发环境配置，并且自动下载欠缺的文件。

下载过程有些长。尤其对于国内用户有时还出现下载失败的情况。

可能要尝试多次执行命令才会成功。（我开了蓝灯）

注意：Dart SDK与Flutter捆绑在一起，没有必要单独安装Dart。

仔细检查cmd终端 可能需要安装的其他软件或执行的其他任务（以粗体显示）。

出现以上这些效果都算是安装成功了。。。

---

4、Android Studio设置

进入 File>Settings>Plugins  搜索 Flutter 和 Dart 插件点击右侧 Install 即可

• 该Flutter插件支持Flutter开发人员工作流程（运行，调试，热重新加载等）。
• 该Dart插件提供代码分析（键入时的代码验证，代码完成等）。

安装完成后会重启Android Studio，发现有些人的Studio会没有flutter项目选项，可以尝试修复studio或者重新下一个。

由于某些众所周知的原因访问国外谷歌服务器有些问题，创建工程如果失败请添加如下环境变量。

• 新建 PUB_HOSTED_URL  值为 https://pub.flutter-io.cn
• 新建 FLUTTER_STORAGE_BASE_URL 值为 https://storage.flutter-io.cn

点击 创建工程

此处现象问题不大，如果自己已经下载Flutter的开发包并且配置了环境变量，

可以直接选择三个点 选择自己开发包的路径即可，然后下一步。。。

一直点击 next 进行下一步即可创建完成。。。。。。初次使用时间可能会久一点

工程创建完成之后Android Studio比普通工程多了一个黄色的闪电标志。

工程总目录可以如下截图，可以修改main.dart文件，点击黄色闪电按钮观察模拟器效果。。

---

5、深入学习 Flutter 开发

可以通过以下资源进行深入了解Flutter：

• I/0 分享视频：https://www.youtube.com/playlist?list=PL0o58xSX-Jvi6zBDe7SW4W6h5hauQ-xxF
• 技术周刊：https://flutterweekly.net/
• 实践视频：https://www.youtube.com/watch?v=syd0c9Vi2hg
• 开发视频：https://www.youtube.com/watch?v=yr8F2S3Amas
• Github 地址：GitHub - flutter/flutter: Flutter makes it easy and fast to build beautiful apps for mobile and beyond
• Flutter 网站：Flutter - Build apps for any screen
• Flutter - 不一样的跨平台解决方案：Flutter - 不一样的跨平台解决方案 - 掘金
• Flutter 初尝：从 Java 无缝过渡：Flutter 初尝：从 Java 无缝过渡 | 吴小龙同學
• 知乎上介绍用 Flutter 做的几个 APP：最近用 Flutter 做了几个 APP - 知乎

接下来一篇介绍：深入理解Google Flutter编程之Dart语言

赠送源码：https://github.com/yugu88/MagicWX。

《最完整的Android逆向知识体系》

---

赠送源码：https://github.com/Pangu-Immortal

《最完整的Android逆向知识体系》