Flutter笔记--Android工程中集成Flutter工程

前言

  • 随着Flutter release版本的发布,Flutter的使用也提上日程,但是对于已有项目来说,直接使用Flutter重写不太现实,所以需要在现有native项目中集成Flutter

集成步骤

  • flutter环境的搭建以及flutter项目的创建就不再赘述了,网上也有许多非常详细的教程(这里给个传送门)
  1. 首先打开需要集成flutter的Android项目的Terminal面板,执行以下命令:

flutter create -t module flutter_yxj_user

  • 其中flutter_yxj_user为你的flutter module 名

  • 打开cmd切换到需要集成flutter的Android项目的同级目录执行以上命令也可以,另外AS最新版本[当前是3.2.1]中,注意需要最新版本才可以,用旧版本的无法利用该方法,只能使用命令行的方式,直接File->New->New Flutter Project->Flutter Module创建

  1. 执行上述命令后会在需要集成flutter的Android项目的同级目录生成一个Flutter Module "your_flutter_module_name",可以看到项目中的.android文件夹中有一个include_flutter.groovy文件

    flutter_module_目录

  2. 生成Module之后,在Android项目中的settings.gradle中添加如下配置代码,其中new File的参数就是include_flutter.groovy的路径,你可以写死,也可以动态配置,比如在local.properties文件中或和其它常量统一配置

//加入下面配置
setBinding(new Binding([gradle: this]))
evaluate(new File(
        "settingsDir.parentFile",  //这里是你的flutter module生成的目录dir,这里这样写代表需要集成flutter的Android项目的根目录,如果你的flutter module创建在其它目录,请在这里修改,如我这里的("E://flutter_workspaces")
        'flutter_yxj_user/.android/include_flutter.groovy' //这个是include_flutter.groovy文件的路径
))
  1. 需要集成flutter的Android项目的app 的build.gradle文件中dependencies块中引入flutter project,同步一下即完成引入
 implementation project(':flutter')
  1. 同步之后可以看到在Android项目的同级目录中出现了一个名为Flutter的mudule

  2. 集成之后的项目结构如下:

    集成flutter的Android工程结构目录

  1. 可以看到出现的Flutter的映射路径实际上就是上面我们生成的flutter module里面的.android目录中的Flutter。所以我们也可以猜测一下,添加的配置代码实际上就是在gradle的初始化阶段执行include_flutter.groovy文件中的代码,而这个文件代码的作用就是将刚刚生成的flutter module的的Flutter目录加载到项目中,建立一个映射关系。加载进来的和利用命令生成的目录是同一个。做一个小测试,在加载进来的Flutter目录下生成一个文件,在生成的目录下也会生成该文件更加证实了我们的猜想。

  2. 对这部分感兴趣的同学也可以查看一下include_flutter.groovy文件中的代码

// Generated file. Do not edit.

//获取include_flutter.groovy文件的路径
def scriptFile = getClass().protectionDomain.codeSource.location.path
//获取flutter Project的根目录,也就是刚刚生成的flutter module的目录
def flutterProjectRoot = new File(scriptFile).parentFile.parentFile

//引入项目flutter,这里也可以看出我们在app 的build.gradle引入Flutter时是flutter而不是别的
gradle.include ':flutter'
//设置project flutter的projectDir为刚刚生成的flutter module的目录下的.android/Flutter目录
gradle.project(':flutter').projectDir = new File(flutterProjectRoot, '.android/Flutter')


def plugins = new Properties()
//拿到flutterProjectRoot目录下的.flutter-plugins文件,该文件存在于flutter插件module,也就是说你的flutter module中还存在Flutter Plugin项目,里面的内容类似于“flutter_plugin=E:\\flutter_workspaces\\hello_flutter\\flutter_plugin\\”
def pluginsFile = new File(flutterProjectRoot, '.flutter-plugins')
if (pluginsFile.exists()) {
    //如果该文件存在,读取property list到Properties plugins中,以key - value的形式,当前该文件是不存在的
    pluginsFile.withReader('UTF-8') { reader -> plugins.load(reader) }
}

//如果存在插件的话,引入
plugins.each { name, path ->
    def pluginDirectory = flutterProjectRoot.toPath().resolve(path).resolve('android').toFile()
    gradle.include ":$name"
    gradle.project(":$name").projectDir = pluginDirectory
}

//为项目的所有非flutter子module添加依赖,依赖flutter module
gradle.getGradle().projectsLoaded { g ->
    //为项目的根project添加生命周期监听,在gradle配置阶段之后执行
    g.rootProject.afterEvaluate { p ->
        //遍历所有的子 project(也就是module)
        p.subprojects { sp ->
            if (sp.name != 'flutter') {
                //如果该项目不是flutter module,添加依赖
                sp.evaluationDependsOn(':flutter')
            }
        }
    }
}

  • 如果对于groovy语法不熟悉的同学,也可以查看笔者的gradle系列文章
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,117评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,328评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,839评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,007评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,384评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,629评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,880评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,593评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,313评论 1 243
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,575评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,066评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,392评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,052评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,082评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,844评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,662评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,575评论 2 270

推荐阅读更多精彩内容