flutter如何实现bridge插件交互

在Flutter中如何实现Bridge插件与原生平台的交互？我需要在Android和iOS两端调用原生功能，但不太清楚具体该怎么编写Bridge通信的代码。能否提供一个完整的示例，包括Dart端如何调用、原生端如何接收并返回数据？最好能解释下MethodChannel和EventChannel的使用场景区别。

2 回复

Flutter通过MethodChannel实现原生与Flutter的桥接交互。Flutter端调用invokeMethod，原生端监听并处理请求，返回结果。适用于Android/iOS平台。

更多关于flutter如何实现bridge插件交互的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中，实现 Bridge 插件交互（即 Flutter 与原生平台通信）主要通过 Platform Channels 实现。以下是详细步骤和示例代码：

1. MethodChannel（方法调用）

用于 Flutter 与原生（Android/iOS）之间的方法调用。

Flutter 端代码：

import 'package:flutter/services.dart';

class BridgePlugin {
  static const MethodChannel _channel = MethodChannel('bridge_channel');

  // 调用原生方法
  static Future<String> callNativeMethod(String param) async {
    try {
      final String result = await _channel.invokeMethod('nativeMethod', param);
      return result;
    } on PlatformException catch (e) {
      return "Error: ${e.message}";
    }
  }
}

// 使用示例
String result = await BridgePlugin.callNativeMethod('Hello from Flutter');

Android 端代码（Kotlin）：

class MainActivity : FlutterActivity() {
    override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
        super.configureFlutterEngine(flutterEngine)
        MethodChannel(flutterEngine.dartExecutor.binaryMessenger, "bridge_channel").setMethodCallHandler { call, result ->
            when (call.method) {
                "nativeMethod" -> {
                    val param = call.arguments as String
                    result.success("Android received: $param")
                }
                else -> result.notImplemented()
            }
        }
    }
}

iOS 端代码（Swift）：

import Flutter

class BridgePlugin: NSObject {
    static func register(with registrar: FlutterPluginRegistrar) {
        let channel = FlutterMethodChannel(name: "bridge_channel", binaryMessenger: registrar.messenger())
        let instance = BridgePlugin()
        registrar.addMethodCallDelegate(instance, channel: channel)
    }
}

extension BridgePlugin: FlutterPlugin {
    func handle(_ call: FlutterMethodCall, result: @escaping FlutterResult) {
        switch call.method {
        case "nativeMethod":
            let param = call.arguments as! String
            result("iOS received: \(param)")
        default:
            result(FlutterMethodNotImplemented)
        }
    }
}

2. EventChannel（事件流）

用于原生向 Flutter 持续发送数据流。

Flutter 端：

static const EventChannel _eventChannel = EventChannel('event_channel');
Stream<String> get nativeStream => _eventChannel.receiveBroadcastStream().cast<String>();

// 监听数据
nativeStream.listen((data) {
  print('Received: $data');
});

Android 端（Kotlin）：

EventChannel(flutterEngine.dartExecutor.binaryMessenger, "event_channel").setStreamHandler(
    object : EventChannel.StreamHandler {
        override fun onListen(args: Any?, events: EventChannel.EventSink) {
            // 发送事件
            events.success("Data from Android")
        }
        override fun onCancel(args: Any?) {}
    }
)

iOS 端（Swift）：

let eventChannel = FlutterEventChannel(name: "event_channel", binaryMessenger: registrar.messenger())
eventChannel.setStreamHandler(self)

// 实现 FlutterStreamHandler
func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink) -> FlutterError? {
    events("Data from iOS")
    return nil
}

关键点：

  1. Channel 名称：Flutter 与原生必须一致。
  2. 数据类型：支持基础类型、List、Map。
  3. 错误处理：捕获 PlatformException 避免崩溃。
  4. 线程安全：原生端需在主线程更新 UI。

通过以上方式即可实现 Flutter 与原生平台的高效双向通信。

回到顶部