如何将 Flutter 嵌套到 Android 中

在移动应用开发中，有时候需要在已有的 Android 项目中集成 Flutter 模块，以利用 Flutter 的丰富功能和跨平台特性。本文将介绍如何将 Flutter 嵌套到 Android 项目中，以实现混合开发的需求。

关系图

erDiagram
    Android --> Flutter: 嵌套关系

步骤

步骤一：配置 Flutter 环境

首先需要在开发环境中配置好 Flutter，确保 Flutter SDK 已经安装并设置好环境变量。可以使用 Flutter 命令行工具检查 Flutter 是否配置正确。

flutter doctor

步骤二：创建 Flutter 模块

在 Android 项目中创建一个 Flutter 模块，可以使用 Flutter 命令行工具创建一个新的 Flutter 项目。

flutter create -t module my_flutter_module

步骤三：集成 Flutter 模块到 Android 项目

  1. 在 Android 项目的根目录下的 settings.gradle 文件中添加 Flutter 模块。
setBinding(new Binding([gradle: this]))
evaluate(new File(
    settingsDir.parentFile,
    'my_flutter_module/.android/include_flutter.groovy'
))
  1. 在 Android 项目的 build.gradle 文件中添加 Flutter 编译任务。
def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
    localPropertiesFile.withReader('UTF-8') { reader ->
        localProperties.load(reader)
    }
}
def flutterRoot = localProperties.getProperty('flutter.sdk')

def flutterVersionCode = localProperties.getProperty('flutter.versionCode')
if (flutterVersionCode == null) {
    flutterVersionCode = '1'
}

def flutterVersionName = localProperties.getProperty('flutter.versionName')
if (flutterVersionName == null) {
    flutterVersionName = '1.0'
}

apply plugin: 'com.android.application'
apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"

...

dependencies {
    implementation project(':flutter')
    ...
}
  1. 在 Android 项目的 MainActivity.java 文件中添加 Flutter 页面的启动代码。
import io.flutter.embedding.android.FlutterFragment;
import io.flutter.embedding.android.FlutterActivity;

...

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    FlutterFragment flutterFragment = FlutterFragment.withNewEngine().initialRoute("/").build();
    getSupportFragmentManager().beginTransaction().add(R.id.container, flutterFragment).commit();
}

步骤四：运行 Android 项目

在 Android Studio 中运行 Android 项目，可以看到已经成功嵌套了 Flutter 模块。可以在 Flutter 模块中编写 Flutter 页面，并在 Android 项目中进行展示。

总结

通过以上步骤，我们成功将 Flutter 模块嵌套到了 Android 项目中，实现了混合开发的需求。在实际开发中，可以根据具体的项目需求进行定制和扩展，以实现更多功能和交互效果。

希望本文对您有所帮助，如果有任何疑问或建议，请随时与我们联系。感谢阅读！