Flutter语言从安装到使用
一、Flutter包下载
① 通过Git工具下载(测试版)
通过Git工具下载Flutter首先需要安装Git-GUI工具,然后通过下面的地址安装:
git clone https://github.com/flutter/flutter.git
② 通过Flutter官网下载最新的正式包
Flutter官网2018/12/05推出Flutter正式版,建议使用正式版。Windows版下载地址:
https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.0.0-stable.zip
获取最新FLutter包或者其他OS包请移步Flutter下载安装页:
链接: Flutter官网:下载安装页.
如果出现下载失败或者网页打不开的情况,请多次刷新网页即可。谷歌的东西,你懂得!
二、 Flutter环境配置
很多文章都有介绍过配置国内下载镜像的方法,如下:
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
以上配置是针对测试版,正式版可以不用配置,只需要把flutter目录下的bin文件夹添加到系统环境变量中。
如:我flutter解压目录在D盘programs目录下 那我的环境变量需要添加:
D:\Programs\flutter\bin
三、 Flutter常用命令行
① 检查环境依赖 flutter doctor
flutter doctor
运行结果: (win10系统带有powershell命令行,比CMD更强大。)
(通过 Win键
+ X
调起菜单,选择windows powershell管理员(A)
打开shell命令窗口。)
有问题的环境会用红色字体提示,如果没有其他问题,就会显示几个选项,并在前面打勾。如图,我没有连接手机,就用叹号提示我。
② 升级Flutter包 flutter upgrade
如果有需要更新的版本,运行此命令 flutter upgrade
。
③ 创建flutter项目:mydemo: flutter create mydemo
项目名称包含大写字母可能会出错,建议都使用小写。
此命令会在当前目录下创建以mydemo命名的flutter工程,如果需要指定目录,可以先cd到你想要的目录,或者通过flutter create d:\programs\mydemo
在指定目录中创建flutter工程。
创建成功会自动执行一次 flutter doctor
命令。
④ Flutter工程的安装: flutter run
如果是studio打开的项目,直接在底部 Terminal 窗口运行此命令。如果是使用命令行的方式,需要cd到flutter工程根目录下,运行此命令。
然后此项目会安装到你的已连接手机上:
工程打开的界面就如你经常看到的教程中那样:
flutter有很好用的热加载和热重载功能。
r :
热加载就是以只更新界面变化,保持已有的缓存数据。
R :
热重载就相当于又一次打开了app,现有的交互数据被重置。
以上图为例,如果我按下r
,5
个数据还在;如果我按下R
,5
这个数据就会被清空。
细节注意: 不管是热加载还是热重载,都是把代码改动以补丁的方式运行在现有项目上,一旦设备断开,补丁就不在了。
⑤ 带参数的安装方式: flutter run –
安卓版本4.3以下,需要手动设置软渲染支持 enable-software-rendering 否则运行后会出现白屏。
4.3及其以上版本,忽略此设置。
flutter run --enable-software-rendering
这里默认是debug包,如果需要release包,需要指定release,并且指定运行平台架构:
flutter run --release --target-platform android-arm --enable-software-rendering
四、安卓和Flutter的混合开发工程
纯Flutter工程的创建和运行介绍完了,介绍一下如果在已有的安卓工程中引入flutter项目。
① 配置android项目
-
以android Studio为例,先安装flutter插件和dart插件,flutter包最好是最新的。
-
在app下的build.gradle的 dependencies{ } 中加入
compile project(':flutter') // 高版本API compile 可替换为 api 或者 implementation
-
创建flutter_module工程:
flutter create -t module mydemo_flutter_module
我们指定一个module工程的名称为 mydemo_flutter_module,通过这个命令创建这个module工程。
然后看上面代码有个settingsDir.parentFile
这个是指定include_flutter.groovy
的目录所在。
我们需要把module工程放在和mydemo同级的目录下, -
在主目录下的settings.gradle 文件中,include的下面,添加如下代码:
方法一:setBinding(new Binding([gradle: this])) evaluate(new File( settingsDir.parentFile, 'mydemo_flutter_module/.android/include_flutter.groovy' // mydemo_flutter_module 是接下来要说的**FlutterModule工程。 ))
方法二:
setBinding(new Binding([gradle: this])) evaluate(new File( settingsDir, 'mydemo_flutter_module/.android/include_flutter.groovy'