flutter 与 java 混编

原创

mob64ca12e3dd9e 2025-01-01 06:12:22 ©著作权

文章标签 Java flutter Android 文章分类 Java 后端开发

©著作权归作者所有：来自51CTO博客作者mob64ca12e3dd9e的原创作品，请联系作者获取转载授权，否则将追究法律责任

Flutter与Java混编的实现步骤详解

在移动应用开发中，有时候我们需要将Flutter与原生Android（Java）结合，以实现一些Flutter无法直接做到的功能或优化现有的代码。本文将详细介绍Flutter与Java的混编实现流程和步骤，帮助您快速上手。

流程概览

下面是实现Flutter与Java混编的基本步骤：

步骤	操作描述
1. 创建Flutter项目	使用Flutter命令创建新项目
2. 设置Android平台	进入Android目录并进行必要设置
3. 编写Java代码	创建Java类并实现功能
4. 在Flutter中调用Java	创建MethodChannel并调用Java方法
5. 验证结果	在Flutter中验证Java调用结果

步骤详解

1. 创建Flutter项目

使用Flutter命令行工具创建一个新的项目：

flutter create mixed_flutter_java

注释: 该命令创建一个名为 mixed_flutter_java 的Flutter项目.

2. 设置Android平台

首先，进入项目的Android目录：

cd mixed_flutter_java/android

确保Android的Gradle构建工具和SDK已正确配置。

3. 编写Java代码

在Android项目中，通常您需要创建一个Java类来处理具体的功能。我们在android/app/src/main/java/com/example/mixed_flutter_java/MainActivity.java中进行修改：

package com.example.mixed_flutter_java;

import io.flutter.embedding.android.FlutterActivity;
import io.flutter.plugin.common.MethodChannel;

public class MainActivity extends FlutterActivity {
    private static final String CHANNEL = "com.example.channel";

    @Override
    public void configureFlutterEngine(@NonNull FlutterEngine flutterEngine) {
        super.configureFlutterEngine(flutterEngine);
        new MethodChannel(flutterEngine.getDartExecutor().getBinaryMessenger(), CHANNEL)
                .setMethodCallHandler(
                    (call, result) -> {
                        if (call.method.equals("getNativeData")) {
                            String nativeData = getNativeData();
                            result.success(nativeData);
                        } else {
                            result.notImplemented();
                        }
                    }
                );
    }

    private String getNativeData() {
        return "Hello from Java";  // 返回的数据
    }
}

注释: 这段Java代码创建了一个MethodChannel，用于处理来自Flutter的调用，并定义了一个获取字符串数据的getNativeData方法。

4. 在Flutter中调用Java

接下来，我们在Flutter代码中调用Java方法。打开lib/main.dart，并进行如下修改：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  static const platform = MethodChannel('com.example.channel');

  Future<String?> getNativeData() async {
    try {
      final String? result = await platform.invokeMethod('getNativeData');
      return result;
    } on PlatformException catch (e) {
      print("Failed to get native data: '${e.message}'.");
    }
    return null;
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter & Java Mixed')),
        body: Center(
          child: FutureBuilder<String?>(
            future: getNativeData(),
            builder: (context, snapshot) {
              if (snapshot.connectionState == ConnectionState.waiting) {
                return CircularProgressIndicator();
              } else {
                return Text(snapshot.data ?? 'No data received');
              }
            },
          ),
        ),
      ),
    );
  }
}

注释: 在这里，我们创建了一个MethodChannel实例，通过调用invokeMethod来请求Java层的数据，并在界面上显示结果。

5. 验证结果

在完成上述步骤后，您可以在 Android 模拟器上运行项目。执行：

flutter run

您应该能在设备上看到 "Hello from Java" 的消息，这表明Flutter成功地调用了Java代码。

类图

通过下面的类图展示Flutter与Java的交互关系。

classDiagram
    class FlutterApp {
        +&getNativeData()
    }

    class MainActivity {
        +String getNativeData()
    }

    FlutterApp --> MainActivity : invokeMethod

注释: 类图展示了FlutterApp中调用Java的流程，通过invokeMethod与Java的MainActivity进行交互。

序列图

下面是展示Flutter与Java交互流程的序列图。

sequenceDiagram
    participant FlutterApp
    participant MainActivity

    FlutterApp->>MainActivity: invokeMethod('getNativeData')
    MainActivity-->>FlutterApp: return 'Hello from Java'

注释: 序列图描述了Flutter应用程序调用Java的过程，以及Java返回数据的步骤。