Flutter中MethodChannel/EventChannel的原理

最新推荐文章于 2024-04-17 09:42:30 发布

二两陈皮

最新推荐文章于 2024-04-17 09:42:30 发布

阅读量2.6k

点赞数

分类专栏： Flutter 文章标签： flutter android ios

本文链接：https://blog.csdn.net/qq_38401950/article/details/122602991

版权

Flutter 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

前言

Flutter开发中或多或少都需要和原生端做一些交互，Flutter SDK中也为开发者提供了MethodChannel/EventChannel实现了Flutter调用原生端以及原生端调用Flutter。

MethodChannel

Flutter与原生端方法调用使用的是MethodChannel,它是双向通信Flutter和原生端都可以主动发起

Flutter端调用原生方法

Flutter端调用

const MethodChannel _channel =
    MethodChannel("com.test.methodChannel/test");
_channel.invokeMethod("getVersion", <String, dynamic>{// 如果有参数就传参数，键值对形式});

Android端实现

        MethodChannel methodChannel = new MethodChannel(flutterView.getAttachedFlutterEngine().getDartExecutor(),
        "com.test.methodChannel/test");

        methodChannel.setMethodCallHandler(new MethodChannel.MethodCallHandler() {
            @Override
            public void onMethodCall(@NonNull MethodCall call, @NonNull MethodChannel.Result result) {
                        switch (call.method){
                            case "getVersion":
                                result.success(1);
                                break;
                        }
            }
        });

原生调用Flutter方法

Flutter端实现

  MethodChannel methodChannel = MethodChannel("com.test.methodChannel/test");
  methodChannel.setMethodCallHandler((MethodCall call){
    Completer<dynamic> completer = Completer();
    switch(call.method){
      case "getFlutterInfo":
        completer.complete("Flutter Package Name is Test");
        break;
    }
    return completer.future;

  });

Android端调用

               MethodChannel methodChannel = new MethodChannel(flutterView.getAttachedFlutterEngine().getDartExecutor(),
        "com.test.methodChannel/test");
        methodChannel.invokeMethod("getFlutterInfo", null, new MethodChannel.Result() {
            @Override
            public void success(@Nullable Object result) {
                //拿到Flutter中getFlutterInfo方法的结果 Flutter Package Name is Tes
            }

            @Override
            public void error(String errorCode, @Nullable String errorMessage, @Nullable Object errorDetails) {

            }

            @Override
            public void notImplemented() {

            }
        });

EventChannel

EventChannel是原生端与Flutter端相互发送事件,它是单向通信的,实现原理和MethodChannel差不多

原生端发送事件到Flutter

Flutter端监听代码

EventChannel _eventChannel = EventChannel('com.test.eventChannel/test');
//监听原生端发送过来的事件
_eventChannel.receiveBroadcastStream().listener()

Android端发送代码

        EventChannel eventChannel = new EventChannel(flutterView.getAttachedFlutterEngine().getDartExecutor(),"com.test.eventChannel/test");
       EventChannel.EventSink eventSink;
        
        eventChannel.setStreamHandler(new EventChannel.StreamHandler() {
            @Override
            public void onListen(Object arguments, EventChannel.EventSink events) {
                
               eventSink = events;
            }

            @Override
            public void onCancel(Object arguments) {

            }
        });
        
//发送事件到Flutter
if(eventSink != null){
		eventSink.success(200);
}

核心类/方法调用示意图(Flutter / Android)