Flutter 混合開發(fā)(Android)項目搭建

前言

Flutter 作為跨平臺,支持通過module的形式集成在現(xiàn)有的項目中,也可以通過打包成aar 在現(xiàn)有項目中接入,達(dá)到不需要改動現(xiàn)有項目結(jié)構(gòu)來引入Flutter 作為模塊開發(fā)。

這里主要介紹怎么將一個Flutter項目改造成可以打成aar包去集成到現(xiàn)有項目中。

創(chuàng)建項目

通過Android Studio 直接新建一個flutter Application(這里AS可以新建是因為直接添加了Flutter 插件,至于如何添加這里不做贅述)

image.png

之后就下一步,填寫對應(yīng)包名和保存路徑完成創(chuàng)建,完成的項目結(jié)構(gòu)如下圖:

image.png

試運行一下,可以正常運行安裝,跟其他demo效果一樣

image.png

項目改造

現(xiàn)在通過編譯安裝之后,我們發(fā)現(xiàn)在項目里面多了個build文件,在app/outputs/apk 里面有app.apk 這個就是我們安裝在手機(jī)上的apk包,現(xiàn)在我希望將他打成aar然后放到其他項目中引用。

在我們改造項目之前我們需要先將build/app/intermediates/flutter/release 里面的assets文件拷貝到我們項目app/src/main/assets 里面

image.png

接下來把項目打成aar需要做以下兩步改造:

1、把a(bǔ)pp/build.gradle中的apply plugin: 'com.android.application'修改為apply plugin: 'com.android.library'
2、注釋掉 applicationId "com.shanbay.flutterapp"

執(zhí)行命令 flutter build apk,就可以得到app-release.aar文件。

將build/app/outputs/aar 里面的app-release.aar 集成到現(xiàn)有項目中

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 -> {
              //跳轉(zhuǎn)到flutter界面
                val intent = Intent()
                intent.setClass(this,MainActivity::class.java)
                startActivity(intent)
            }
        }
    }
}

運行之后發(fā)現(xiàn)手機(jī)上會裝有兩個app,這個跟我們的預(yù)期有一些偏差,查看我們flutter項目里面的android的AndroidManifest.xml,發(fā)現(xiàn)里面Activity有定義LAUNCHER,這個就是導(dǎo)致手機(jī)上會有兩個應(yīng)用入口的原因了。

改造成模塊化的aar

一個項目有兩個桌面入口,對于大部分應(yīng)用來說是不合理的,接下來我們就開始來改造,讓編譯出來的aar就相當(dāng)于一個模塊

首先在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 進(jìn)行改造,先將gradle.properties里面定義的參數(shù)BUILD_MODE進(jìn)行判斷,通過這個標(biāo)志來判斷當(dāng)前模式是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進(jìn)行一些修改,修改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而不是引入項目默認(rèn)的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項目可以隨時編譯運行調(diào)試,也可以在其他項目需要引用的時候直接打aar包,讓其他項目進(jìn)行引用。如果有搭建nexus代碼倉庫的話,就可以將代碼上傳到maven庫,然后其他地方再引用,這樣就可以達(dá)到項目之間的協(xié)作了

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容