题记&＃xff1a;不到最后时刻&＃xff0c;千万别轻言放弃&＃xff0c;无论结局成功与否&＃xff0c;只要你拼搏过&＃xff0c;尽力过&＃xff0c;一切问心无愧。

通过 Flutter 来进行移动应用开发&＃xff0c;打包 Android 、iOS 双平台应用程序&＃xff0c;在调用如相机、蓝牙、录音、闹钟、屏保等等系列功能时&＃xff0c;需要与原生Android、iOS进行消息通信&＃xff0c;或者可描述为把数据由 Flutter 传向 Android 、iOS,或者由原生的 Android 、iOS传向 Flutter。

Flutter 与 Android iOS 原生的通信有以下三种方式

• BasicMessageChannel 实现 Flutter 与 原生(Android 、iOS)双向通信
• MethodChannel 实现 Flutter 与 原生原生(Android 、iOS)双向通信
• EventChannel 实现 原生原生(Android 、iOS)向Flutter 发送消息

本文将实现&＃xff1a;(通过 BasicMessageChannel)

• 实现 Flutter 调用 Android 、iOS 原生的方法并回调Flutter
• 实现 Flutter 调用 Android 、iOS 原生并打开Android 原生的一个Activity页面,iOS原生的一个ViewController 页面
• 实现 Android 、iOS 原生主动发送消息到 Flutter 中
• 实现 Android 、iOS 原生中的 TestActivity 页面主动发送消息到Flutter中

Android 中的效果

ios 中的效果

前言

例如我们要实现 A 调用 B&＃xff0c;B就会触发&＃xff0c;B再调用A&＃xff0c;A就会触发这样的功能&＃xff0c; 那么我们就需要在 A 中设置 被B调用的监听方法&＃xff0c;在B中设置被A 调用的监听方法

1 实现Flutter 调用 Andoid iOS原生方法并回调

在这里约定的数据格式为 {"code":100,"message":"消息","content":内容} 也就是说双向发送消息&＃xff0c;可能会有多种消息类型来调用不同的功能&＃xff0c; 统一约定数据格式 可以达到编码的规范性和代码的可维护性

1.1 实现 Flutter 中调用方法

String recive &＃61; ""; //创建 BasicMessageChannel // flutter_and_native_100 为通信标识 // StandardMessageCodec() 为参数传递的 编码方式 static const messageChannel &＃61; const BasicMessageChannel( &＃39;flutter_and_native_100&＃39;, StandardMessageCodec()); //发送消息 Future sendMessage(Map arguments) async { Map reply &＃61; await messageChannel.send(arguments); //解析 原生发给 Flutter 的参数 int code &＃61; reply["code"]; String message &＃61; reply["message"]; //更新 Flutter 中页面显示 setState(() { recive &＃61; "code:$code message:$message"; }); return reply; }

触发调用 ,分别在 三个 Button 的点击事件中触发

//Flutter 向 Android iOS 中基本的发送消息方式sendMessage({"method": "test", "ontent": "flutter 中的数据", "code": 100});//用来实现 Android iOS 主动触发 向 Flutter 中发送消息sendMessage({"method": "test2", "ontent": "flutter 中的数据", "code": 100});//用来实现 Flutter 打开 Android iOS 中的一个新的页面sendMessage({"method": "test3", "ontent": "flutter 中的数据", "code": 100});

1.2 实现实现 Android 中监听方法并回调

Android 的 MainActivity 中注册消息监听

flutter 更新之后 FlutterActivity 中没有 getFlutterView() 方法
使用 getFlutterEngine().getDartExecutor().getBinaryMessenger()代替。

private BasicMessageChannel mMessageChannel; private void messageChannelFunction() { //消息接收监听 //BasicMessageChannel (主要是传递字符串和一些半结构体的数据) //创建通 mMessageChannel &＃61; new BasicMessageChannel(getFlutterView(), "flutter_and_native_100", StandardMessageCodec.INSTANCE); // 接收消息监听 mMessageChannel.setMessageHandler(new BasicMessageChannel.MessageHandler() { &＃64;Override public void onMessage(Object o, BasicMessageChannel.Reply reply) { messageController(o,reply); } }); } ///消息的解析处理 privite void messageController(Object o, BasicMessageChannel.Reply reply){ Map arguments &＃61; (Map) o; //方法名标识 String lMethod &＃61; (String) arguments.get("method"); //测试 reply.reply()方法 发消息给Flutter if (lMethod.equals("test")) { Toast.makeText(mContext, "flutter 调用到了 android test", Toast.LENGTH_SHORT).show(); //回调Flutter Map resultMap &＃61; new HashMap<>(); resultMap.put("message", "reply.reply 返回给flutter的数据"); resultMap.put("code", 200); //回调 此方法只能使用一次 向Flutter中反向回调消息 reply.reply(resultMap); } else if (lMethod.equals("test2")) { //测试 mMessageChannel.send 发消息给Flutter //Android 可通过这个方法来主动向 Flutter中发送消息 //只有Flutter 中注册了消息监听 才能接收到这个方法向 Flutter 中发送的消息 channelSendMessage(); } else if (lMethod.equals("test3")) { //测试通过Flutter打开Android Activity Toast.makeText(mContext, "flutter 调用到了 android test3", Toast.LENGTH_SHORT).show(); Intent lIntent &＃61; new Intent(MainActivity.this, TestBasicMessageActivity.class); MainActivity.this.startActivity(lIntent); } }

1.3 实现实现 iOS 中监听方法 并回调

iOS 的 AppDelegate 中

#include "AppDelegate.h"#include "GeneratedPluginRegistrant.h"#import //TestViewController 是创建的一个 测试页面#import "TestViewController.h"&＃64;implementation AppDelegate{ FlutterBasicMessageChannel* messageChannel;}- (BOOL)application:(UIApplication *)applicationdidFinishLaunchingWithOptions:(NSDictionary *)launchOptions { [GeneratedPluginRegistrant registerWithRegistry:self]; ... ... //FlutterBasicMessageChannel 与Flutter 之间的双向通信 [self BasicMessageChannelFunction]; ... ... return [super application:application didFinishLaunchingWithOptions:launchOptions];}-(void) BasicMessageChannelFunction{ //获取当前的 controller FlutterViewController* controller &＃61; (FlutterViewController*)self.window.rootViewController; // 初始化定义 // flutter_and_native_100 j messageChannel &＃61; [FlutterBasicMessageChannel messageChannelWithName:&＃64;"flutter_and_native_100" binaryMessenger:controller]; // 接收消息监听 [messageChannel setMessageHandler:^(id message, FlutterReply callback) { NSString *method&＃61;message[&＃64;"method"]; if ([method isEqualToString:&＃64;"test"]) { NSLog(&＃64;"flutter 调用到了 ios test"); NSMutableDictionary *dic &＃61; [NSMutableDictionary dictionary]; [dic setObject:&＃64;"[messageChannel setMessageHandler:^(id message, FlutterReply callback) 返回给flutter的数据" forKey:&＃64;"message"]; [dic setObject: [NSNumber numberWithInt:200] forKey:&＃64;"code"]; callback(dic); }else if ([method isEqualToString:&＃64;"test2"]) { NSLog(&＃64;"flutter 调用到了 ios test2"); NSMutableDictionary *dic &＃61; [NSMutableDictionary dictionary]; [dic setObject:&＃64;"[messageChannel sendMessage:dic] 返回给flutter的数据" forKey:&＃64;"message"]; [dic setObject: [NSNumber numberWithInt:200] forKey:&＃64;"code"]; //通过这个方法 iOS可以主动多次 向 Flutter 发送消息 [messageChannel sendMessage:dic]; }else if ([method isEqualToString:&＃64;"test3"]) { NSLog(&＃64;"flutter 调用到了 ios test3 打开一个新的页面 "); TestViewController *testController &＃61; [[TestViewController alloc]initWithNibName:&＃64;"TestViewController" bundle:nil]; [controller presentViewController:testController animated:YES completion:nil]; } }]; }&＃64;end

2 Android 、iOS 原生主动发送消息到 Flutter 中

2.1 实现Android 中主动调动调用方法

在MainActivity中&＃xff0c;创建了 BasicMessageChannel