flutter与原生的通信(Android视角)

flutter 与原生的通信(Android 视角)

Flutter 提供 MethodChannel、EventChannel、BasicMessageChannel 三种方式

flutter 与原生的通信

MethodChannel

由 flutter 发起作为 client 方,native 接收作为 server 方,并能进行消息回传

  • flutter:
class FlutterPlugin {
  ///指定channel名称
  static const MethodChannel _channel = const MethodChannel('flutter_plugin');

  ///发送消息
  static Future<String> showToast({String msg}) async {
    String result = await _channel.invokeMethod('toast',{"msg":msg});
    return result;
  }
}

1.渠道名: flutter_plugin
2.方法名: toast
3.参数: {"msg":msg}  参数必须以键值对的方式发送
4.result结果,原生回传消息

发送方参数一定要是键值对

  • 原生:
public class FlutterPlugin implements MethodCallHandler {
    /**
     * Plugin registration.
     */
    public static void registerWith(Registrar registrar) {
        //1.通道名
        MethodChannel channel = new MethodChannel(registrar.messenger(), "flutter_plugin");
        channel.setMethodCallHandler(new FlutterPlugin());
    }

    @Override
    public void onMethodCall(MethodCall call, Result result) {
        String method = call.method;
        //2.对应方法名
        switch (method) {
            case "getPlatformVersion":
                result.success("Android " + android.os.Build.VERSION.RELEASE);
                break;
            case "toast":
                //3.参数名
                String msg = call.argument("msg");
                Toast.makeText(FlutterAAR.getApp(), msg, Toast.LENGTH_SHORT).show();
                //4.返回值
                result.success("成功啦");
                break;
            default:
                result.notImplemented();
                break;
        }
    }
}

每回通讯,需协商好这四个位置,需要一一对应

  • 注意

本次通讯的方式并没有使用插件,因此GeneratedPluginRegistrant中并不会自动生成对于这个通讯通道的注册,需要自己手动注册,又因为GeneratedPluginRegistrant会每次自动生成,因此,更改GeneratedPluginRegistrant是没有效果的

public class MyGeneratedPluginRegistrant {
    public MyGeneratedPluginRegistrant() {
    }

    public static void registerWith(PluginRegistry registry) {
        GeneratedPluginRegistrant.registerWith(registry);
        FlutterPlugin.registerWith(registry.registrarFor("io.flutter.plugins.FlutterPlugin"));
    }
}

原生与 flutter 的通信

EventChannel

  • flutter
  ///接收消息 1. 渠道: flutter_receive
  static const EventChannel _receiver_channel =
      const EventChannel('flutter_receive');

  ///2. 注册接收消息
  static void registerReceive(void onData(T),
      {bool cancelOnError, void onDone(), Function onError}) {
    _receiver_channel.receiveBroadcastStream().listen(
        (data) {
          if (onData != null) {
            onData(data);
          }
        },
        cancelOnError: cancelOnError,
        onDone: () {
          if (onDone != null) {
            onDone();
          }
        },
        onError: (error) {
          if (onError != null) {
            onError(error);
          }
        });
  }

  //使用
  @override
  void initState() {
    super.initState();
    FlutterPlugin.registerReceive(
        (data) {
          final Map<dynamic, dynamic> map = data;
          print(map['receive']);
        },
        cancelOnError: true,
        onDone: () {
          print('complete');
        },
        onError: (error) {
          if (error is PlatformException) {
            print(error.message);
          }
        });
  }

onDone和onError*(error)只会任选其一,走了onError*(error),则不会走onDone了
  • 原生
public static void registerWith(Registrar registrar) {
  //创建原生接收通道
  MethodChannel channel = new MethodChannel(registrar.messenger(), "flutter_send");
  //选择通过构造方法的方式,创建原生发送通道
  channel.setMethodCallHandler(new FlutterPlugin(registrar));
}

 private FlutterPlugin(Registrar registrar){
    //1.渠道名
    EventChannel eventChannel = new EventChannel(registrar.messenger(),"flutter_receive");
    EventChannel.StreamHandler streamHandler = new EventChannel.StreamHandler() {
       @Override
       public void onListen(Object o, EventChannel.EventSink sink) {
          //2.发射器
          eventSink = sink;
       }

       @Override
       public void onCancel(Object o) {
           eventSink = null;
        }
      };
      eventChannel.setStreamHandler(streamHandler);
}

使用:
HashMap<String, String> hashMap = new HashMap<>(1);
hashMap.put("receive","abc");
eventSink.success(hashMap);
eventSink.error("其实没有错误","其实没有错误2","其实");
eventSink.endOfStream();

发送方参数一定要是键值对

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容