Android项目引入Flutter

最新推荐文章于 2025-06-18 12:20:10 发布

原创最新推荐文章于 2025-06-18 12:20:10 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Flutter #Android #混编 #老项目

Android 同时被 3 个专栏收录

20 篇文章

订阅专栏

Flutter

9 篇文章

订阅专栏

Android

7 篇文章

订阅专栏

博客介绍了在老项目中实现Flutter与Android混编的方法。包括创建Flutter模块，可通过特定命令创建，编译后会生成相关aar文件；主APP依赖Flutter Module，需处理minSdkVersion不一致问题并添加jdk1.8支持；还提到在main.dart中添加路由以点击显示flutter view。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建Flutter模块

假如老项目目录在/Users/xq/Android/Projects/NativeFlutter/
cd ..切换到上目录执行flutter create -t module flutter_module

上面的命令会创建一个flutter的项目模块，
在这里插入图片描述
在flutter_module文件夹中有一个.android的隐藏文件夹，里面包裹了一个安卓库的工程模块。
可以使用如下命令编译，不编译也可以

cd .android/
./gradlew flutter:assembleDebug

编译后会在.android/Flutter/build/outputs/aar/路径下产生flutter-debug.aar的文件。

主 APP 依赖 Flutter Module

再app的module导入flutter

dependencies {
  implementation project(':flutter')
}

在这里插入图片描述
uses-sdk:minSdkVersion 与 Flutter Module 的不一致。改一下项目的minSdkVersion 即可。

appde Module添加jdk1.8支持

android {
   ...
    compileOptions {
        sourceCompatibility JavaVersion.VERSION_1_8
        targetCompatibility JavaVersion.VERSION_1_8
    }
    ...
}

在这里插入图片描述
settings.gradle中加入

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

点击显示flutter view

    fun showFlutter(v: View) {
        val flutterView = Flutter.createView(this@MainActivity, lifecycle, "route1")
        val layout = FrameLayout.LayoutParams(600, 800)
        layout.leftMargin = 100
        layout.topMargin = 200
        addContentView(flutterView, layout)
    }

main.dart中添加路由

void main() => runApp(_widgetForRoute(window.defaultRouteName));

Widget _widgetForRoute(String route) {
  switch (route) {
    case 'route1':
      return MyHomePage();
    default:
      return Center(
        child: Text('Unknown route: $route', textDirection: TextDirection.ltr),
      );
  }
}

在这里插入图片描述