美文网首页Android进阶之路Android开发Android技术知识
Flutter 混合开发(Android)项目搭建

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

作者: 听话哥 | 来源:发表于2019-05-06 10:38 被阅读3次

前言

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

相关文章

网友评论

    本文标题:Flutter 混合开发(Android)项目搭建

    本文链接:https://www.haomeiwen.com/subject/hbqxwqtx.html