Flutter 即学即用系列博客——08 MethodChannel 实现 Flutter 与原生通信

2023-11-10 04:42:10

当然可以，以下是您的文章：

前面我们讲了很多 Flutter 相关的知识点，但是我们并没有介绍怎样实现 Flutter 与原生的通信。本篇我们先解决第一个问题。即 Flutter-> 原生的通信。之前我们一直在讲 Flutter 相关的知识点，而且基本上都是在 main.dart 文件上面折腾，为了避免头晕脑胀，本篇我们暂且离开 main.dart 文件。我们先来介绍一个概念：MethodChannel。

MethodChannel 介绍

MethodChannel 是一个 Flutter 与原生通信的通道，它允许 Flutter 代码调用原生代码的方法，也可以让原生代码调用 Flutter 代码的方法。MethodChannel 的原理是基于消息传递，Flutter 代码和原生代码通过 MethodChannel 发送和接收消息来实现通信。

Flutter 中使用 MethodChannel

在 Flutter 中使用 MethodChannel，需要先在 Dart 代码中创建一个 MethodChannel 对象，然后就可以通过这个对象来调用原生代码的方法。下面是一个示例：

// 创建一个 MethodChannel 对象
final methodChannel = MethodChannel('flutter.native/helper');

// 调用原生代码的方法
final result = await methodChannel.invokeMethod('methodName', arguments);

原生代码中使用 MethodChannel

在原生代码中使用 MethodChannel，需要先注册一个 MethodChannel 对象，然后就可以通过这个对象来接收 Flutter 代码发来的消息。下面是一个示例：

Android 代码：

// 注册一个 MethodChannel 对象
final MethodChannel methodChannel = new MethodChannel(flutterView, "flutter.native/helper");

// 接收 Flutter 代码发来的消息
methodChannel.setMethodCallHandler(new MethodCallHandler() {
    @Override
    public void onMethodCall(MethodCall call, Result result) {
        // 处理 Flutter 代码发来的消息
        switch (call.method) {
            case "methodName":
                // 处理methodName方法
                result.success(result);
                break;
            default:
                result.notImplemented();
                break;
        }
    }
});

iOS 代码：

// 注册一个 MethodChannel 对象
let methodChannel = FlutterMethodChannel(name: "flutter.native/helper", binaryMessenger: flutterViewController)

// 接收 Flutter 代码发来的消息
methodChannel.setMethodCallHandler({
    (call: FlutterMethodCall, result: @escaping FlutterResult) -> Void in
    // 处理 Flutter 代码发来的消息
    switch call.method {
        case "methodName":
            // 处理methodName方法
            result(result)
            break
        default:
            result(FlutterMethodNotImplemented)
            break
    }
})