flutter集成到现有工程问题记录

环境安装完成后,创建了一个flutter工程,云行到真机没报错,说明我们的操作没有任何问题了。那么就进入到再现有工程中加入flutter这一步了。
现有工程加入flutter有两种:
1、将flutter工程builder成一个aar,Android直接引入。好处就是不用接触代码,坏处是调试不方便,毕竟没源码方便。这个适合有专门开发flutter的公司吧,分工明确。
2、建立一个flutter的module,最后引入。
下面就来记录这个第二种。

步骤

1、创建flutter module。以前的Android studio可以直接新建,如图:


image.png

但是现在北极狐版本这个选项藏得很深,看下图:


image.png

image.png

image.png

第二种命令方式,打开终端,Windows的话是打开powershell。输入命令cd。移动到现有安卓工程的同一级目录。我这里是如下

cd D:\AndroidStudioProjects

然后在同级目录创建flutter工程

flutter create -t module --org com.test my_flutter

--org com.test的意思是设置包名,注意不要和主工程包名相同。my_flutter是flutter依赖库的名字,这里就和官网一个名了。
当然,有人说这是不支持AndroidX的,要支持AndroidX要用

flutter create --androidx -t module --org com.test my_flutter

说实话刚开始我还信,但是始终执行不了,报Androidx命令报错


image.png

经过实践和官网证明,后面的版本不分Androidx了。直接创建就行。

2、创建完成后,进入原有Android工程的setting.gradle文件下在最后加上

setBinding(new Binding([gradle: this]))
evaluate(new File(
        settingsDir.parentFile,  // 项目同级目录的File路径
        'my_flutter/.android/include_flutter.groovy'
))

image.png

这里binding爆红不要管。注意一点settingsDir.parentFile,如果flutter依赖库不是和原有工程同一级的那么要去掉parentFile,如果是同一级就要加上。

3、然后在app的gradle中引入

implementation project(':flutter')

注意,是flutter不是我们刚建的my_flutter。

4、我们点击sync project,结果报错了。

Caused by: org.gradle.api.internal.plugins.PluginApplicationException: Failed to apply plugin class 'FlutterPlugin'.
image.png

然后就懵逼了,官网上也没说这个报错啊,怎么解决呢?最后在国外论坛找到答案了,RepositoriesMode模式要变,默认的模式是FAIL_ON_PROJECT_REPOS,现在改成PREFER_PROJECT

FAIL_ON_PROJECT_REPOS
表示如果工程单独设置了仓库,或工程的插件设置了仓库,构建就直接报错抛出异常
PREFER_PROJECT
表示如果工程单独设置了仓库,就优先使用工程配置的,忽略settings里面的
PREFER_SETTINGS
表述任何通过工程单独设置或插件设置的仓库,都会被忽略

但是这样改了以后,那么原来setting.gradle下面设置的全局配置就没用了,如下图:


image.png

新版的AS把全局配置放到了setting.gradle中。那解决办法也好办,再把这些配置全搬回到主工程目录下的gradle就行。如图:


image.png
allprojects {
    repositories {
        //谷歌maven镜像start
        maven { url 'https://maven.aliyun.com/nexus/content/groups/public/' }
        maven { url 'https://maven.aliyun.com/nexus/content/repositories/jcenter' }
        maven { url 'https://maven.aliyun.com/nexus/content/repositories/google' }
        maven { url 'https://maven.aliyun.com/nexus/content/repositories/gradle-plugin' }
        //谷歌maven镜像end
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
        jcenter() // Warning: this repository is going to shut down soon
    }
}

点击sync now一下,完美。现在就能运行了。那么怎么跳转到flutter呢?
1、清单文件加入activity


2、点击按钮跳转

//跳转到flutter页面
            startActivity(
                FlutterActivity
                    .withNewEngine()
                    .initialRoute("route1")
                    .build(this)
            );
image.png

你可能感兴趣的:(flutter集成到现有工程问题记录)