Flutter产物集成方式全解析，解锁Android混合开发新姿势

2023-11-26 13:12:19

前言

Flutter是一款开源的跨平台应用开发框架，允许开发者使用单一代码库构建出可在移动端、Web和桌面平台上运行的高质量原生UI。自推出以来，Flutter因其高效、灵活和跨平台等特点迅速受到开发者青睐。然而，在实际开发中，开发者可能会遇到需要将Flutter与原生平台进行混合开发的情况。

产物集成方式简介

Android混合Flutter除了源码集成方式外，还有另一种方式，即Flutter产物集成方式。Flutter产物集成方式是指将开发的Flutter项目单独编译成aar文件，然后以组件的形式被主工程(Native工程)依赖。这种方式的优点在于，Flutter项目可以作为一个独立的模块进行开发和维护，并且可以方便地与其他原生组件集成。

产物集成方式步骤详解

1. Flutter项目编译成aar文件

首先，需要将Flutter项目编译成aar文件。具体步骤如下：

确保Flutter SDK已安装并配置好环境变量。
打开Flutter项目目录，在终端中执行以下命令：

flutter build aar --target-platform android-arm64

该命令将在项目目录的build/outputs/aar目录中生成一个以项目名称命名的aar文件。

2. 在Native项目中添加aar依赖

将Flutter项目编译成aar文件后，就可以在Native项目中添加aar依赖了。具体步骤如下：

在Native项目的build.gradle文件中添加以下依赖：

dependencies {
  implementation files('libs/flutter.aar')
}

在Native项目的AndroidManifest.xml文件中添加以下代码：

<manifest ...>
  <application ...>
    <activity
      android:name="com.example.MainActivity"
      android:label="@string/app_name">
      <intent-filter>
        <action android:name="android.intent.action.MAIN" />
        <category android:name="android.intent.category.LAUNCHER" />
      </intent-filter>
    </activity>
    <!-- Flutter相关配置 -->
    <meta-data
      android:name="flutterEmbedding"
      android:value="2" />
    <activity
      android:name="io.flutter.embedding.android.FlutterActivity"
      android:exported="false"
      android:launchMode="singleTop"
      android:theme="@android:style/Theme.NoTitleBar.Fullscreen"
      android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode" />
  </application>
</manifest>

3. 创建Flutter入口Activity

在Native项目中创建一个Flutter入口Activity，用于启动Flutter引擎并加载Flutter应用。具体步骤如下：

在Native项目中创建一个新的Activity类，例如MainActivity.java。
在MainActivity.java中添加以下代码：

public class MainActivity extends FlutterActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    GeneratedPluginRegistrant.registerWith(this);
  }
}