第一篇文章,就写写最近开始接触的flutter吧(领导在IOS离职后,突发奇想,想要用flutter做后续统一页面的开发😿) 首先,要进行flutter的开发,首先需要配置flutter本地环境,以我自用的MAC为例
1.去flutter中文网下载最新的flutter sdk 下载点这里
下载后其实就是个压缩包,直接解压就好,flutter是用dart语言开发的,但是flutter sdk中已经包含了dart的环境,所以无需再安装dart环境 解压完成后配置环境路径
export PATH=(你电脑上flutter文件夹的路径)/bin:$PATH
export PATH=(你电脑上flutter文件夹的路径)/bin/cache/dart-sdk/bin:$PATH
2.如果是在国外,直径运行flutter doctor就好,但如果是在墙内,需要先配置镜像哦
在终端输入 : open ~/.bash_profile,按回车.打开bash_profile文件,添加如下内容
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
具体可以去flutter官网查看配置 镜像配置 全部配置完成后,运行 flutter doctor查看环境
我这里因为只是针对android项目进行flutter集成,所以只针对flutter和android studio进行了环境配置。可以看到,前面都打上了√
3.因为是在andorid 项目中集成,所以首先需要在android studio中下载flutter和dart插件
4.接下来就可以正式开始集成了
首先,在android项目中新建一个flutter的module
这里需要配置一下flutter sdk的地址
接下来,需要将flutter module引入进项目中 打开settings.gradle文件,配置flutter module 项目信息
注意,此处因为flutter module新建在项目的根目录,所以直接使用../就行,如果不在根目录需要配置完整路径
evaluate(new File(
settingsDir,
'../flutter module名称/.android/include_flutter.groovy'
))
rootProject.name = "项目名称"
include ':flutter module名称'
project(':flutter module名称').projectDir = new File('../flutter module名称')
配置完成后,可以看到项目结构图如下
后续的代码就是写在flutter_module_test下的lib文件夹中 另外不要忘了,在项目的build.gradle中引用flutter项目
implementation project(path: ':flutter')
到此,就算成功在android 项目中集成了flutter module了,接下来就可以愉快的开始flutter代码开发啦