新乡做网站的公司有那些,企业营销策划实训,专业做网站公司,网页视频怎么下载到手机上题记#xff1a;——不到最后时刻#xff0c;千万别轻言放弃#xff0c;无论结局成功与否#xff0c;只要你拼博过#xff0c;尽力过#xff0c;一切问心无愧。通过 Flutter 来进行移动应用开发#xff0c;打包 Android 、iOS 双平台应用程序#xff0c;在调用如相机、… 题记——不到最后时刻千万别轻言放弃无论结局成功与否只要你拼博过尽力过一切问心无愧。通过 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());//发送消息FuturesendMessage(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() { Override public void onMessage(Object o, BasicMessageChannel.ReplyObject reply) { MapObject, Object arguments (MapObject, 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 MapString, Object resultMap new HashMap(); resultMap.put(message, reply.reply 返回给flutter的数据); resultMap.put(code, 200); //回调 此方法只能使用一次 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 //TestViewController 是创建的一个 测试页面#import TestViewController.himplementation 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 (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(resultMap) mMessageChannel.send(resultMap, new BasicMessageChannel.ReplyObject() { Override public 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; Override protected void onDestroy() { super.onDestroy(); //注销广播 unregisterReceiver(mMainReceiver); } Override protected 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() { } Override public void onReceive(Context context, Intent intent) { Toast.makeText(context, 接收到自定义的广播, Toast.LENGTH_SHORT).show(); mHandler.post(new Runnable() { Override public void run() { Map resultMap2 new HashMap(); resultMap2.put(message, android 主动调用 flutter test 方法); resultMap2.put(code, 200); if (mMessageChannel ! null) { // 向Flutter 发送消息 mMessageChannel.send(resultMap2, new BasicMessageChannel.Reply() { Override public 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 #import TestViewController.himplementation AppDelegate{ FlutterBasicMessageChannel* messageChannel;}- (BOOL)application:(UIApplication *)applicationdidFinishLaunchingWithOptions:(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
