网站的图片要会员才能下载怎么做,深圳企搜网站建设,自己做网站选什么好,seo排名怎么优化软件更多文章请查看 flutter从入门 到精通本文章中的完整代码在这里题记#xff1a;不到最后时刻#xff0c;千万别轻言放弃#xff0c;无论结局成功与否#xff0c;只要你拼博过#xff0c;尽力过#xff0c;一切问心无愧。通过 Flutter 来进行移动应用开发#xff0c;打包…更多文章请查看 flutter从入门 到精通本文章中的完整代码在这里题记不到最后时刻千万别轻言放弃无论结局成功与否只要你拼博过尽力过一切问心无愧。通过 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 调用 BB就会触发B再调用AA就会触发这样的功能那么我们就需要在 A 中设置 被B调用的监听方法在B中设置被A 调用的监听方法1 实现Flutter 调用 Andoid iOS原生方法并回调在这里约定的数据格式为 {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());//发送消息FutureMap 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 的点击事件中触发//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 BasicMessageChannelObject mMessageChannel;private void messageChannelFunction() {//消息接收监听//BasicMessageChannel 主要是传递字符串和一些半结构体的数据//创建通mMessageChannel new BasicMessageChannelObject(getFlutterView(), flutter_and_native_100, StandardMessageCodec.INSTANCE);// 接收消息监听mMessageChannel.setMessageHandler(new BasicMessageChannel.MessageHandlerObject() {Overridepublic void onMessage(Object o, BasicMessageChannel.ReplyObject reply) {messageController(o,reply);}});}///消息的解析处理privite void messageController(Object o, BasicMessageChannel.ReplyObject reply){MapObject, Object arguments (MapObject, Object) o;//方法名标识String lMethod (String) arguments.get(method);//测试 reply.reply()方法 发消息给Flutterif (lMethod.equals(test)) {Toast.makeText(mContext, flutter 调用到了 android test, Toast.LENGTH_SHORT).show();//回调Flutter MapString, 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 ActivityToast.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.himplementation 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{//获取当前的 controllerFlutterViewController* 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 *methodmessage[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];}}];}end2 Android 、iOS 原生主动发送消息到 Flutter 中2.1 实现Android 中主动调动调用方法在MainActivity中创建了 BasicMessageChannel的实例 mMessageChannel可以在MainActivity 中直接使用 mMessageChannel 实例来向 Flutter 中发送消息。private void channelSendMessage() {Toast.makeText(mContext, flutter 调用到了 android test, Toast.LENGTH_SHORT).show();//构建参数 MapString, Object resultMap new HashMap();resultMap.put(message, reply.reply 返回给flutter的数据);resultMap.put(code, 200);//向 Flutter 中发送消息//参数 二可以再次接收到 Flutter 中的回调//也可以直接使用 mMessageChannel.send(resultMapmMessageChannel.send(resultMap, new BasicMessageChannel.ReplyObject() {Overridepublic void reply(Object o) {Log.d(mMessageChannel, mMessageChannel send 回调 o);}});}在其他的 Activity 页面中我们就使用不到这个实例的我这里的一个实现 Android 中新建的Activity 页面向 Flutter 中发送消息的方法 是广播机制 在 MainActivity 中注册广播在广播接收者中通过 BasicMessageChannel 的实例 mMessageChannel 来发送消息。在 Android 中其他的页面中 发送广播到 MainActivity 中的广播接收者中这样就实现了Android 中新建的Activity 页面向 Flutter 中发送消息public class MainActivity extends FlutterActivity {... ...Handler mHandler new Handler(Looper.myLooper());private MainReceiver mMainReceiver;Overrideprotected void onDestroy() {super.onDestroy();//注销广播unregisterReceiver(mMainReceiver);}Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);... ...//注册广播mMainReceiver new MainReceiver();IntentFilter lIntentFilter new IntentFilter(android.to.flutter);registerReceiver(mMainReceiver, lIntentFilter);}public class MainReceiver extends BroadcastReceiver {public MainReceiver() {}Overridepublic void onReceive(Context context, Intent intent) {Toast.makeText(context, 接收到自定义的广播, Toast.LENGTH_SHORT).show();mHandler.post(new Runnable() {Overridepublic void run() {MapString, Object resultMap2 new HashMap();resultMap2.put(message, android 主动调用 flutter test 方法);resultMap2.put(code, 200);if (mMessageChannel ! null) {// 向Flutter 发送消息mMessageChannel.send(resultMap2, new BasicMessageChannel.ReplyObject() {Overridepublic void reply(Object o) {System.out.println(android onReply: o);}});}}});}}
}2.2 实现 Flutter 中监听调用方法//创建 BasicMessageChannel// flutter_and_native_100 为通信标识// StandardMessageCodec() 为参数传递的 编码方式static const messageChannel const BasicMessageChannel(flutter_and_native_100, StandardMessageCodec());//接收消息监听void receiveMessage() {messageChannel.setMessageHandler((result) async {//解析 原生发给 Flutter 的参数int code result[code];String message result[message];setState(() {recive receiveMessage: code:$code message:$message;});return Flutter 已收到消息;});}2.3 实现 iOS 中主动调动调用方法#include AppDelegate.h
#include GeneratedPluginRegistrant.h
#import Flutter/Flutter.h
#import TestViewController.himplementation AppDelegate{FlutterBasicMessageChannel* messageChannel;
}- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {[GeneratedPluginRegistrant registerWithRegistry:self];//注册通知[[NSNotificationCenter defaultCenter] addObserver:self selector:selector(notificationFuncion:) name:ios.to.flutter object:nil];... ...return [super application:application didFinishLaunchingWithOptions:launchOptions];
}... ... - (void)notificationFuncion: (NSNotification *) notification {// iOS 中其他页面向Flutter 中发送消息通过这里// 本页中 可以直接使用 [messageChannel sendMessage:dic];//处理消息NSLog(notificationFuncion );NSMutableDictionary *dic [NSMutableDictionary dictionary];if (messageChannel!nil) {[dic setObject: [messageChannel sendMessage:dic]; 向Flutter 发送消息 forKey:message];[dic setObject: [NSNumber numberWithInt:401] forKey:code];//主动向Flutter 中发送消息[messageChannel sendMessage:dic];}}- (void)dealloc {//单条移除观察者//[[NSNotificationCenter defaultCenter] removeObserver:self name:REFRESH_TABLEVIEW object:nil];//移除所有观察者[[NSNotificationCenter defaultCenter] removeObserver:self];
}
end
