原生安卓与flutter混编的实现

发布于:2025-08-01 ⋅ 阅读:(19) ⋅ 点赞:(0)

方案一

  1. 打开顶部窗口Flie->New->New Flutter Project。打开后如下
    在这里插入图片描述
    此处的flutter sdk可自行下载,不做赘述。
  2. 选好sdk后点击下一步。
    在这里插入图片描述
    此处的Project location为原生安卓根目录,Project type为Module.
    亦可在原生安卓项目根目录下打开Terminal执行以下命令。
flutter create -t module --org com.example flutter_module
  1. 创建好之后打开flutter项目下的Terminal。
    在这里插入图片描述
  2. 在终端中输入flutter pub get获取flutter依赖。
flutter pub get

在这里插入图片描述
5. 在原生安卓项目的settings.gradle文件中添加flutter_module,添加到末尾即可。

setBinding(new Binding([gradle: this]))
evaluate(new File(
        settingsDir,
        'flutter_module/.android/include_flutter.groovy'
))

include ':flutter_module'

在这里插入图片描述
其中flutter_module为flutter的项目名。

  1. 在原生安卓的app下build.gradle中添加依赖。
implementation project(':flutter')

在这里插入图片描述
此时同步项目会发现有如下报错。
在这里插入图片描述

  1. 在原生安卓项目的settings.gradle中将repositoriesMode设置为PREFER_SETTINGS再次同步即可。
repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)

在这里插入图片描述
同步完之后会发现缺少io.flutter的包,此时即便运行也会包一样的错误。

  1. 在原生安卓项目的settings.gradle中引入io.flutter的仓库,再次同步即可,完整内容如下。
pluginManagement {
    repositories {
        google()
        mavenCentral()
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{
            url 'https://api.mapbox.com/downloads/v2/releases/maven'
            authentication {
                basic(BasicAuthentication)
            }
            credentials {
                // Do not change the username below.
                // This should always be `mapbox` (not your username).
                username = "mapbox"
                // Use the secret token you stored in gradle.properties as the password
                password = MAPBOX_DOWNLOADS_TOKEN
            }
        }
        maven {
            url 'https://jitpack.io'
        }
        maven {url 'https://developer.huawei.com/repo/'}
        maven { url 'https://repo1.maven.org/maven2/' }
        gradlePluginPortal()

        String storageUrl = System.env.FLUTTER_STORAGE_BASE_URL ?: "https://storage.googleapis.com"
        maven {
            url "$storageUrl/download.flutter.io"
        }
    }
}
dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)
    repositories {
        google()
        mavenCentral()
        maven{ url 'https://maven.aliyun.com/repository/jcenter' }
        maven{
            url 'https://api.mapbox.com/downloads/v2/releases/maven'
            authentication {
                basic(BasicAuthentication)
            }
            credentials {
                // Do not change the username below.
                // This should always be `mapbox` (not your username).
                username = "mapbox"
                // Use the secret token you stored in gradle.properties as the password
                password = MAPBOX_DOWNLOADS_TOKEN
            }
        }
        maven {
            url 'https://jitpack.io'
        }
        maven {url 'https://developer.huawei.com/repo/'}
        maven { url 'https://repo1.maven.org/maven2/' }
        String storageUrl = System.env.FLUTTER_STORAGE_BASE_URL ?: "https://storage.googleapis.com"
        maven {
            url "$storageUrl/download.flutter.io"
        }
    }

}
rootProject.name = "HuidaPartner"
include ':app'
include ':libbase'
include ':HttpMqtt'
include ':map'

setBinding(new Binding([gradle: this]))
evaluate(new File(
        settingsDir,
        'flutter_module/.android/include_flutter.groovy'
))

include ':flutter_module'

  1. 此时在原生安卓的代码中添加跳转至flutter页面就没有什么问题了。
val intent: Intent = FlutterActivity.createDefaultIntent(activity)
activity.startActivity(intent)

上述时一个简单的跳转至flutter主界面。

方案二
上述方案一是针对较老的flutter sdk的,对于新版本的sdk官方推荐的方式是以aar的方式引用。引用的方式是以maven仓库的形式。针对maven仓库,本选用本地maven仓和远程maven仓,本文只简单介绍本地maven仓的方式。

  1. 参照方案一的步骤,直至到第4步,创建好flutter_module项目,之后在flutter_module下打开Terminal,输入
flutter build aar

在这里插入图片描述

在等待一段时间后,会在flutter_module项目的/flutter_module/build/host/outputs/repo目录下生成flutter_debug、flutter_profile、flutter_release三个文件,如下所示。
在这里插入图片描述
是不是感觉这个目录结构很眼熟,没错,这结构就是典型的maven仓库的结构,对应的文件也是一应俱全。不熟悉maven本地仓库的可以参考:安卓本地Maven仓的实现这篇文章。

  1. 由于是使用本地代码仓的缘故,flutter_module项目又在我们的原生项目下,可以在settings.gradle中直接引用本地仓库。
		maven {
            url uri("file://${settingsDir}/flutter_module/build/host/outputs/repo")
        }
  1. 接下来在build.gradle中按照正常的依赖格式引用即可。
    debugImplementation 'com.example.flutter_module:flutter_debug:1.0'
    releaseImplementation 'com.example.flutter_module:flutter_release:1.0'

在这里插入图片描述

此处我只引用的debug包和release包,正常情况下我们只需要使用到这两个包。

  1. 当然,io:flutterde的包的引用也是必不可少的,在settings.gradle中引入对应的maven仓
    String storageUrl = System.env.FLUTTER_STORAGE_BASE_URL ?: "https://storage.googleapis.com"
    maven {
            url "$storageUrl/download.flutter.io"
        }
  1. 在完成上述条件后,原生项目在需要的地方直接跳转flutter项目即可。
val intent: Intent = FlutterActivity.createDefaultIntent(activity)
activity.startActivity(intent)

如果想使用远程maven仓的形式,可以参考:安卓使用Gitee搭建远程Maven仓,完成远程maven仓的搭建后,在settings.gradle将仓库替换即可。


网站公告

今日签到

点亮在社区的每一天
去签到