Flutter 混合开发(Android)项目搭建

前言

Flutter 作为跨平台,支持通过module的形式集成在现有的项目中,也可以通过打包成aar 在现有项目中接入,达到不需要改动现有项目结构来引入Flutter 作为模块开发。

这里主要介绍怎么将一个Flutter项目改造成可以打成aar包去集成到现有项目中。

创建项目

通过Android Studio 直接新建一个flutter Application(这里AS可以新建是因为直接添加了Flutter 插件,至于如何添加这里不做赘述)

image.png

之后就下一步,填写对应包名和保存路径完成创建,完成的项目结构如下图:

image.png

试运行一下,可以正常运行安装,跟其他demo效果一样

image.png

项目改造

现在通过编译安装之后,我们发现在项目里面多了个build文件,在app/outputs/apk 里面有app.apk 这个就是我们安装在手机上的apk包,现在我希望将他打成aar然后放到其他项目中引用。

在我们改造项目之前我们需要先将build/app/intermediates/flutter/release 里面的assets文件拷贝到我们项目app/src/main/assets 里面

image.png

接下来把项目打成aar需要做以下两步改造:

1、把app/build.gradle中的apply plugin: 'com.android.application'修改为apply plugin: 'com.android.library'
2、注释掉 applicationId "com.shanbay.flutterapp"

执行命令 flutter build apk,就可以得到app-release.aar文件。

将build/app/outputs/aar 里面的app-release.aar 集成到现有项目中

class MainActivity : AppCompatActivity() {


    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        ButterKnife.bind(this)
        FlutterMain.startInitialization(this.applicationContext)
    }


    fun onViewClick(v: View?) {
        when (v?.id) {
            R.id.mBtnFlutter -> {
              //跳转到flutter界面
                val intent = Intent()
                intent.setClass(this,MainActivity::class.java)
                startActivity(intent)
            }
        }
    }
}

运行之后发现手机上会装有两个app,这个跟我们的预期有一些偏差,查看我们flutter项目里面的android的AndroidManifest.xml,发现里面Activity有定义LAUNCHER,这个就是导致手机上会有两个应用入口的原因了。

改造成模块化的aar

一个项目有两个桌面入口,对于大部分应用来说是不合理的,接下来我们就开始来改造,让编译出来的aar就相当于一个模块

首先在android目录下的gradle.properties里面添加BUILD_MODE=aar,src目录下新建一个文件夹maven里面放置AndroidManifest.xml,将activity的category:LAUNCHER去掉

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.cyh.commonflutter">
 
    <uses-permission android:name="android.permission.INTERNET"/>
    <application>
        <activity android:name=".FlutterTestActivity"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density"
            android:hardwareAccelerated="true"
            android:launchMode="standard"
            android:theme="@style/LaunchTheme"
            android:windowSoftInputMode="stateHidden|adjustResize">
            <meta-data
                android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
                android:value="true" />
        </activity>
    </application>
</manifest>

接下来对app/build.gradle 进行改造,先将gradle.properties里面定义的参数BUILD_MODE进行判断,通过这个标志来判断当前模式是aar模式还是flutter模式

def isRunAsFlutter = "flutter" == BUILD_MODE
println('=== build_mode ===' + BUILD_MODE + "=== isRunAsFlutter ===" + isRunAsFlutter)

if (isRunAsFlutter) {
    apply plugin: 'com.android.application'
} else {
    apply plugin: 'com.android.library'
}

再对app/build.gradle里面的android进行一些修改,修改defaultConfig,aar不需要applicationId

if (isRunAsFlutter) {
            applicationId "com.cyh.commonflutter"
        }

buildTypes 里面通过对debug和release做不同的引入so处理

buildTypes {
        debug {
            ndk {
                if (isRunAsFlutter) {
                    abiFilters "armeabi-v7a", "arm64-v8a", "x86"

                } else {
                    abiFilters "armeabi-v7a"
                }
            }
        }
        release {
            signingConfig signingConfigs.debug
            ndk {
                abiFilters "armeabi-v7a"
            }
        }
    }

我们新增了一个maven的文件存放AndroidManifest,在打aar包的时候需要引入这里面的manifest而不是引入项目默认的manifest

sourceSets {
        main {
            def srcFile = isRunAsFlutter ? 'src/main/AndroidManifest.xml' : 'src/maven/AndroidManifest.xml'


            manifest.srcFile srcFile
            java {
                srcDir 'src/main/java'

            }
            res.srcDirs = ['src/main/res']
            assets.srcDirs = ['src/main/assets']
            jniLibs.srcDirs = ['src/main/jniLibs']
        }
    }

通过以上步骤,我们就可以保存flutter项目可以随时编译运行调试,也可以在其他项目需要引用的时候直接打aar包,让其他项目进行引用。如果有搭建nexus代码仓库的话,就可以将代码上传到maven库,然后其他地方再引用,这样就可以达到项目之间的协作了

demo 地址:https://github.com/cyihui/CommonFlutter-master

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

推荐阅读更多精彩内容