一套代码 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 网站:https://flutter-io.cn/

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


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

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

官网 :https://flutter.io/

GitHub:https://github.com/flutter/flutter

如下简单介绍一下官网下载,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  搜索 FlutterDart 插件点击右侧 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 地址:https://github.com/flutter/flutter
  • Flutter 网站:https://flutter.io/
  • Flutter - 不一样的跨平台解决方案:https://juejin.im/post/5afd77466fb9a07aab2a12da
  • Flutter 初尝:从 Java 无缝过渡:http://wuxiaolong.me/2018/03/08/Flutter/
  • 知乎上介绍用 Flutter 做的几个 APP:https://zhuanlan.zhihu.com/p/37232700

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


熬夜写教程不容易,
如果你欣赏我的代码,
可以赞赏我几块钱买个新键盘。

更多相关文章

  1. android 的NDK在Windwos环境搭建(二)
  2. 开发Android第三步,签名证书,真机安装编译程序
  3. Android(安卓)WebView优化
  4. Android工具HierarchyViewer 代码导读
  5. 《第一行代码》-第一次学习笔记(第一章).md
  6. android中如何通过代码来开启和关闭移动网络
  7. 为NetBeans添加Andriod平台 .
  8. android 垂直 SeekBar 源代码(VerticalSeekBar)
  9. Android之Intent(一)

随机推荐

  1. 新建项目出现android support library问
  2. 利用View.inflate加载xml
  3. Android WebRTC
  4. 单独编译android模块
  5. 关于Android中android.content.res.Resou
  6. android(25)(android下实现多线程断点下载)
  7. Android Studio新建项目Rendering Proble
  8. Android电池管理
  9. android 蓝牙driver的启动流程
  10. Android中的compileSdkVersion,minSdkVers