andorid 项目 引入 flutter框架

231 阅读2分钟

第一篇文章,就写写最近开始接触的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查看环境

image.png

我这里因为只是针对android项目进行flutter集成,所以只针对flutter和android studio进行了环境配置。可以看到,前面都打上了√

3.因为是在andorid 项目中集成,所以首先需要在android studio中下载flutter和dart插件

image.png

4.接下来就可以正式开始集成了

首先,在android项目中新建一个flutter的module

image.png

这里需要配置一下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名称')

配置完成后,可以看到项目结构图如下

image.png

后续的代码就是写在flutter_module_test下的lib文件夹中 另外不要忘了,在项目的build.gradle中引用flutter项目

implementation project(path: ':flutter')

到此,就算成功在android 项目中集成了flutter module了,接下来就可以愉快的开始flutter代码开发啦