在已有Android工程中添加Flutter模块

一、环境配置:

Android studio:Android Studio Otter 2 Feature Drop | 2025.2.2

Flutter 3.38.3 • channel stable • https://mirrors.sjtug.sjtu.edu.cn/git/flutter-sdk.git

Framework • revision 19074d12f7 (3 weeks ago) • 2025-11-20 17:53:13 -0500

Engine • hash 8bf2090718fea3655f466049a757f823898f0ad1 (revision 13e658725d) (20 days ago) • 2025-11-20 20:19:23.000Z

Tools • Dart 3.10.1 • DevTools 2.51.1

二、添加步骤:

1.进入已有android工程的同级目录

2.创建flutter module

bash 复制代码
# 终端执行已下命令,flutter_module:flutter 模块名,可以自己命名
flutter create -t module flutter_module

3.在已有android工程的根目录中的Settings.gradle中添加如下代码

Kotlin 复制代码
...
rootProject.name = "FlutterHybirdDemo"
include(":app")

// FlutterHybirdDemo 为已有的android工程根目录
val filePath =
    settingsDir.parentFile.toString() + "/flutter_module/.android/include_flutter.groovy"
apply(from = File(filePath))

4.在app模块依赖新建的flutter模块,固定写法

Kotlin 复制代码
//注:不要写成flutter模块名,这里是固定写法
implementation(project(":flutter"))

5.在android/app/src/main/AndroidManifest.xml中添加如下代码

XML 复制代码
<activity
    android:name="io.flutter.embedding.android.FlutterActivity" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density"
    android:hardwareAccelerated="true"
    android:windowSoftInputMode="adjustResize" />

6.从原生页面打开Flutter页面

Kotlin 复制代码
vb.btnFlutter.setOnClickListener {
    startActivity(FlutterActivity.createDefaultIntent(this))
}

7.处理构建时错误

错误1:

修改已有android工程根目录中settings.gradle.kts中的代码

Kotlin 复制代码
dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    //改为
    repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)
    ...
}

错误2:

找不到一些代码包,在已有android工程根目录中settings.gradle.kts中的添加:

Kotlin 复制代码
dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.PREFER_SETTINGS)
    repositories {
        google()
        mavenCentral()
        //添加这个仓库
        maven { url = uri("https://storage.googleapis.com/download.flutter.io") }
    }
}

官方文档

FlutterAddNativeAppDemo

相关推荐
向哆哆4 小时前
打造高校四六级报名管理系统:基于 Flutter × OpenHarmony 的跨端开发实践
flutter·开源·鸿蒙·openharmony·开源鸿蒙
2501_940007894 小时前
Flutter for OpenHarmony三国杀攻略App实战 - 设置功能实现
flutter
lbb 小魔仙5 小时前
【Harmonyos】开源鸿蒙跨平台训练营DAY9:获取分类数据并渲染
flutter·华为·harmonyos
mocoding5 小时前
Flutter 3D 翻转动画flip_card三方库在鸿蒙版天气预报卡片中的实战教程
flutter·3d·harmonyos
JMchen1236 小时前
现代Android图像处理管道:从CameraX到OpenGL的60fps实时滤镜架构
android·图像处理·架构·kotlin·android studio·opengl·camerax
2601_949809597 小时前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
快点好好学习吧7 小时前
phpize 依赖 php-config 获取 PHP 信息的庖丁解牛
android·开发语言·php
是誰萆微了承諾7 小时前
php 对接deepseek
android·开发语言·php
2601_949868367 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 已签合同实现
java·开发语言·flutter
Dxy12393102168 小时前
MySQL如何加唯一索引
android·数据库·mysql