AndroidStudio搭建Google Flutter的填坑之路

Mac环境搭建flutter指南

https://blog.csdn.net/ytfunnysite/article/details/99189417

Flutter简介:

Flutter 是 Google 用以帮助开发者在 iOS 和 Android 两个平台开发高质量原生 UI 的移动 SDK。一份代码可以同时生成iOS和Android两个高性能、高保真的应用程序。
Flutter 兼容现有的代码,免费且开源,在全球开发者中广泛被使用。

  • 快速开发:Flutter的热重载可以快速地进行测试、构建UI、添加功能并更快地修复错误。
  • 富有表现力,漂亮的用户界面:自带的Material Design和Cupertino(iOS风格)widget、丰富的motion API、平滑而自然的滑动效果。
  • 响应式框架:使用Flutter的现代、响应式框架,和一系列基础widget,轻松构建您的用户界面。
  • 访问本地功能和SDK:Flutter可以复用现有的Java、Swift或ObjC代码,访问iOS和Android上的原生系统功能和系统SDK。
  • 统一的应用开发体验:Flutter拥有丰富的工具和库,可以帮助开发者轻松地同时在iOS和Android系统中实现想法和创意。
  • 原生性能:Flutter包含了许多核心的widget,如滚动、导航、图标和字体等,这些都可以在iOS和Android上达到原生应用一样的性能。

如果你是移动端开发者,并且想以快速而又简单的方式开发漂亮的APP,那么Flutter是为你而生。
Flutter为运行在Android和iOS的2D APP而优化。Flutter开发的APP既适用于简单场景,比如传递品牌价值,也适用于复杂场景,比如股票交易平台。你可以用Flutter开发出各种有特点的APP,比如相机,地理定位,网络,存储和第三方SDK等待。
Google公司的销售工具APP-商店管理APP和Newsvoice的Android和iOS端的APP都是用Flutter开发的,还有一些其他正在用Flutter开发的APP。
Flutter既不使用WebView,也不使用系统的原生控件,而是通过高性能的渲染引擎来画控件。除此之外,Flutter不同是因为它只有C/C++代码编写的单一层,这样开发者更容易控制系统,或者说更容易读取或者修改系统的组件,手势,动画框架和控件等等
支持Linux, Mac和Windows
使用Dart语言,其底层图表框架和Dart虚拟机用C/C++实现。
性能优秀,Flutter是为60fps而设计的,Flutter运行的是编译后的代码,而不是解释性程序,这意味着Flutter能快速启动。
支持的手机操作系统:Android Jelly Bean, v16, 4.1.x or newer, and iOS 8 or newer
手机硬件:64-bit iOS 手机(从iPhone 5S开始), and ARM Android 手机。
支持Android 和iOS物理设备,支持Android和iOS模拟器,beta3支持平板。
Flutter支持开发者开箱即用来访问一些平台特性的服务和API

Flutter和Dart插件安装:

这里写图片描述
这里写图片描述

安装完插件重启as,在新建项目的时候就可以惊喜的发现可以new flutter project了,如果你的as这个时候还没有这总操作,那么要确认你的AndroidStudio版本是否是3.0以上,如果是,就可以卸载上述两个插件然后重装了。

下载flutter开发包:

在git命令行下输入如下命令:
目前使用的是stable分支

git clone -b master https://github.com/flutter/flutter.git
git clone -b stable https://github.com/flutter/flutter.git

如果下载失败,你可能需要配置一下代理模式:

git config --global --unset http.proxy

下载完成后的验证;
这里写图片描述
这里写图片描述
执行flutter_console命令
在这里插入图片描述

配置环境变量:

系统 用户环境变量path中添加刚刚下载的flutter的路径
这里写图片描述
!最新在用户变量不是系统变量](https://img-blog.csdnimg.cn/20200402143501583.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3l0ZnVubnlzaXRl,size_16,color_FFFFFF,t_70#pic_center)
系统 用户环境变量中新建名为PUB_HOSTED_URL 值为https://pub.flutter-io.cn 的环境变量;
新建名为FLUTTER_STORAGE_BASE_URL值为https://storage.flutter-io.cn的环境变量

这里写图片描述
这里写图片描述

执行flutter doctor命令

注意:在配置完成环境变量后记得要 重启电脑,配置才会生效,不然执行doctor命令就会下载失败!切记重启,如果你下载失败多半原因就是配置完环境变量后没有重启,
windows命令行cmd中执行flutter doctor命令,flutter doctor 会自动检测当前开发环境配置,并且自动下载欠缺的文件。首次下载过程相对耗时。毕竟是外网,可以出去抽支烟,please hold on……
正常下载过程是这样的
这里写图片描述
这里写图片描述

创建Flutter项目

就像创建对象一样,正常new就行,
这里写图片描述
这里写图片描述
new 不出来的可以收拾东西准备去世了

运行Flutter项目

运行直接run就行了,只是在此说明一下,尽量用真机测试,或者是AS自带的模拟器进行测试。第三方的尽量不要用,因为第三方像网易,夜神那些玩意在这里很有可能会白屏闪退,个人建议可以卸载了。
运行起来的样子很美丽:
这里写图片描述

关于Flutter的热重载

Flutter的热重载(hot reload)功能可以帮助您在无需重新启动应用的情况下快速、轻松地进行测试、构建用户界面、添加功能以及修复错误。 通过将更新后的源代码文件注入正在运行的Dart虚拟机(VM)中来实现热重载。在虚拟机使用新的的字段和函数更新类后,Flutter框架会自动重新构建widget树,以便您快速查看更改的效果。
这里写图片描述
这里写图片描述
如果你的闪电不能点击,那么要检测一下当前的Flutter项目运行了几次,在保证只有一个flutter项目运行的情况下不要结束当前项目的运行,就是不要stop。

异常

  • Unable to locate Android SDK

  • 用户变量配置ANDROID_HOME环境变量

  • ! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses

  • flutter doctor --android-licenses -v

  • Android license status unknown
    在这里插入图片描述

  • 配置完成效果
    在这里插入图片描述

Flutter中文资料下载

除了官网的文档之外,特定在腾讯课堂那里获得一套Flutter跨平台开发全套电子书,入门来说很是详尽,也是本文的重要参考资料,已经为大家打好包,装好车,没有积分的同僚可以联系我:ytf0327(微信),链接地址:
https://download.csdn.net/download/ytfunnysite/10543984
官网链接:https://flutter-io.cn/

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值