原生安卓与flutter混编的实现

方案一

  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

  3. 创建好之后打开flutter项目下的Terminal。

  4. 在终端中输入flutter pub get获取flutter依赖。

    flutter pub get

  1. 在原生安卓项目的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'

  2. 此时在原生安卓的代码中添加跳转至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")
         }
  2. 接下来在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"
         }
  2. 在完成上述条件后,原生项目在需要的地方直接跳转flutter项目即可。

    val intent: Intent = FlutterActivity.createDefaultIntent(activity)
    activity.startActivity(intent)

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

相关推荐
晚烛21 小时前
实战前瞻:构建高可靠、强协同的 Flutter + OpenHarmony 智慧教育平台
javascript·flutter·html
想学后端的前端工程师1 天前
【Flutter跨平台开发实战指南:从零到上线-web技术栈】
前端·flutter
broadview_java1 天前
使用 ConstraintLayout 构建自适应界面
android
wy3136228211 天前
android——开发中的常见Bug汇总与解决方案(闪退)
android·bug
晚烛1 天前
实战前瞻:构建高可靠、低延迟的 Flutter + OpenHarmony 智慧交通出行平台
前端·javascript·flutter
ujainu小1 天前
Flutter 权限管理实战手册:permission_handler 全平台适配与最佳实践
flutter
小小测试开发1 天前
实战派SQL性能优化:从语法层面攻克项目中的性能瓶颈
android·sql·性能优化
子榆.1 天前
Flutter 与开源鸿蒙(OpenHarmony)工程化实践:CI/CD、性能监控与多端发布
flutter·开源·harmonyos
QuantumLeap丶1 天前
《Flutter全栈开发实战指南:从零到高级》- 26 -持续集成与部署
android·flutter·ios
StarShip1 天前
从Activity.setContentView()开始
android