欢迎大家来到IT世界,在知识的湖畔探索吧!
题记:不到最后时刻,千万别轻言放弃,无论结局成功与否,只要你拼搏过,尽力过,一切问心无愧。
通过 Flutter 来进行移动应用开发,打包 Android 、iOS 双平台应用程序,在调用如相机、蓝牙、录音、闹钟、屏保等等系列功能时,需要与原生Android、iOS进行消息通信,或者可描述为把数据由 Flutter 传向 Android 、iOS,或者由原生的 Android 、iOS传向 Flutter。
Flutter 与 Android iOS 原生的通信有以下三种方式
- BasicMessageChannel 实现 Flutter 与 原生(Android 、iOS)双向通信
- MethodChannel 实现 Flutter 与 原生原生(Android 、iOS)双向通信
- EventChannel 实现 原生原生(Android 、iOS)向Flutter 发送消息
本文将实现:(通过 BasicMessageChannel)
- 实现 Flutter 调用 Android 、iOS 原生的方法并回调Flutter
- 实现 Flutter 调用 Android 、iOS 原生并打开Android 原生的一个Activity页面,iOS原生的一个ViewController 页面
- 实现 Android 、iOS 原生主动发送消息到 Flutter 中
- 实现 Android 、iOS 原生中的 TestActivity 页面主动发送消息到Flutter中
Android 中的效果
ios 中的效果
前言
例如我们要实现 A 调用 B,B就会触发,B再调用A,A就会触发这样的功能, 那么我们就需要在 A 中设置 被B调用的监听方法,在B中设置被A 调用的监听方法
欢迎大家来到IT世界,在知识的湖畔探索吧!
1 实现Flutter 调用 Andoid iOS原生方法并回调
欢迎大家来到IT世界,在知识的湖畔探索吧! 在这里约定的数据格式为 {"code":100,"message":"消息","content":内容}
也就是说双向发送消息,可能会有多种消息类型来调用不同的功能,
统一约定数据格式 可以达到编码的规范性和代码的可维护性
1.1 实现 Flutter 中调用方法
String recive = "";
//创建 BasicMessageChannel
// flutter_and_native_100 为通信标识
// StandardMessageCodec() 为参数传递的 编码方式
static const messageChannel = const BasicMessageChannel(
'flutter_and_native_100', StandardMessageCodec());
//发送消息
Future<Map> sendMessage(Map arguments) async {
Map reply = await messageChannel.send(arguments);
//解析 原生发给 Flutter 的参数
int code = reply["code"];
String message = reply["message"];
//更新 Flutter 中页面显示
setState(() {
recive = "code:$code message:$message";
});
return reply;
}
触发调用 ,分别在 三个 Button 的点击事件中触发
欢迎大家来到IT世界,在知识的湖畔探索吧!//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<Object> mMessageChannel;
private void messageChannelFunction() {
//消息接收监听
//BasicMessageChannel (主要是传递字符串和一些半结构体的数据)
//创建通
mMessageChannel = new BasicMessageChannel<Object>(getFlutterView(), "flutter_and_native_100", StandardMessageCodec.INSTANCE);
// 接收消息监听
mMessageChannel.setMessageHandler(new BasicMessageChannel.MessageHandler<Object>() {
@Override
public void onMessage(Object o, BasicMessageChannel.Reply<Object> reply) {
messageController(o,reply);
}
});
}
///消息的解析处理
privite void messageController(Object o, BasicMessageChannel.Reply<Object> reply){
Map<Object, Object> arguments = (Map<Object, Object>) o;
//方法名标识
String lMethod = (String) arguments.get("method");
//测试 reply.reply()方法 发消息给Flutter
if (lMethod.equals("test")) {
Toast.makeText(mContext, "flutter 调用到了 android test", Toast.LENGTH_SHORT).show();
//回调Flutter
Map<String, Object> resultMap = 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 = new Intent(MainActivity.this, TestBasicMessageActivity.class);
MainActivity.this.startActivity(lIntent);
}
}
1.3 实现实现 iOS 中监听方法 并回调
iOS 的 AppDelegate 中
#include "AppDelegate.h"
#include "GeneratedPluginRegistrant.h"
#import <Flutter/Flutter.h>
//TestViewController 是创建的一个 测试页面
#import "TestViewController.h"
@implementation AppDelegate{
FlutterBasicMessageChannel* messageChannel;
}
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[GeneratedPluginRegistrant registerWithRegistry:self];
... ...
//FlutterBasicMessageChannel 与Flutter 之间的双向通信
[self BasicMessageChannelFunction];
... ...
return [super application:application didFinishLaunchingWithOptions:launchOptions];
}
-(void) BasicMessageChannelFunction{
//获取当前的 controller
FlutterViewController* controller = (FlutterViewController*)self.window.rootViewController;
// 初始化定义
// flutter_and_native_100 j
messageChannel = [FlutterBasicMessageChannel messageChannelWithName:@"flutter_and_native_100" binaryMessenger:controller];
// 接收消息监听
[messageChannel setMessageHandler:^(id message, FlutterReply callback) {
NSString *method=message[@"method"];
if ([method isEqualToString:@"test"]) {
NSLog(@"flutter 调用到了 ios test");
NSMutableDictionary *dic = [NSMutableDictionary dictionary];
[dic setObject:@"[messageChannel setMessageHandler:^(id message, FlutterReply callback) 返回给flutter的数据" forKey:@"message"];
[dic setObject: [NSNumber numberWithInt:200] forKey:@"code"];
callback(dic);
}else if ([method isEqualToString:@"test2"]) {
NSLog(@"flutter 调用到了 ios test2");
NSMutableDictionary *dic = [NSMutableDictionary dictionary];
[dic setObject:@"[messageChannel sendMessage:dic] 返回给flutter的数据" forKey:@"message"];
[dic setObject: [NSNumber numberWithInt:200] forKey:@"code"];
//通过这个方法 iOS可以主动多次 向 Flutter 发送消息
[messageChannel sendMessage:dic];
}else if ([method isEqualToString:@"test3"]) {
NSLog(@"flutter 调用到了 ios test3 打开一个新的页面 ");
TestViewController *testController = [[TestViewController alloc]initWithNibName:@"TestViewController" bundle:nil];
[controller presentViewController:testController animated:YES completion:nil];
}
}];
}
@end
2 Android 、iOS 原生主动发送消息到 Flutter 中
2.1 实现Android 中主动调动调用方法
在MainActivity中,创建了 BasicMessageChannel
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://itzsg.com/34651.html