【Flutter 混合开发】与原生通信-BasicMessageChannel
Flutter 混合开发系列 包含如下：
嵌入原生View-Android 嵌入原生View-iOS 与原生通信-MethodChannel 与原生通信-BasicMessageChannel 与原生通信-EventChannel 添加 Flutter 到 Android Activity 添加 Flutter 到 Android Fragment 添加 Flutter 到 iOS 每个工作日分享一篇，欢迎关注、点赞及转发。
平台通信的3中方式
Flutter 与 Native 端通信有如下3个方法：
-
MethodChannel：Flutter 与 Native 端相互调用，调用后可以返回结果，可以 Native 端主动调用，也可以Flutter主动调用，属于双向通信。此方式为最常用的方式， Native 端调用需要在主线程中执行。 -
BasicMessageChannel：用于使用指定的编解码器对消息进行编码和解码，属于双向通信，可以 Native 端主动调用，也可以Flutter主动调用。 -
EventChannel：用于数据流（event streams）的通信， Native 端主动发送数据给 Flutter，通常用于状态的监听，比如网络变化、传感器数据等。
Flutter 端
Flutter 端创建 MethodChannel 通道，用于与原生端通信：
var channel = BasicMessageChannel('com.flutter.guide.BasicMessageChannel',StandardMessageCodec());
com.flutter.guide.BasicMessageChannel 是 BasicMessageChannel 的名称，原生端要与之对应。
发送消息：
var result = await channel.send({'name': 'laomeng', 'age': 18});
-
参数类型任意，多个参数通常使用 Map。 -
返回 Future，原生端返回的数据。
完整代码：
class BasicMessageChannelDemo extends StatefulWidget {
@override
_BasicMessageChannelDemoState createState() => _BasicMessageChannelDemoState();
}
class _BasicMessageChannelDemoState extends State<BasicMessageChannelDemo> {
var channel = BasicMessageChannel('com.flutter.guide.BasicMessageChannel',StandardMessageCodec());
var _data;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: Column(
children: [
SizedBox(
height: 50,
),
RaisedButton(
child: Text('发送数据到原生'),
onPressed: () async {
var result = await channel.send({'name': 'laomeng', 'age': 18});
var name = result['name'];
var age = result['age'];
setState(() {
_data = '$name,$age';
});
},
),
Text('原生返回数据：$_data'),
],
),
);
}
}
Android 端
android 下创建 BasicMessageChannelDemo：
class BasicMessageChannelDemo(messenger: BinaryMessenger) : BasicMessageChannel.MessageHandler<Any> {
private var channel: BasicMessageChannel<Any>
init {
channel = BasicMessageChannel(messenger, "com.flutter.guide.BasicMessageChannel", StandardMessageCodec())
channel.setMessageHandler(this)
}
override fun onMessage(message: Any?, reply: BasicMessageChannel.Reply<Any>) {
val name = (message as Map<String, Any>)["name"]
val age = (message as Map<String, Any>)["age"]
var map = mapOf("name" to "hello,$name",
"age" to "$age"
)
reply.reply(map)
}
}
onMessage 方法在 Flutter 端调用 send 方法后调用，解析方法如下：
override fun onMessage(message: Any?, reply: BasicMessageChannel.Reply<Any>) {
val name = (message as Map<String, Any>)["name"]
val age = (message as Map<String, Any>)["age"]
var map = mapOf("name" to "hello,$name",
"age" to "$age"
)
reply.reply(map)
}
-
message 是传入的参数，由于 Flutter 端传入的是 Map，所以上面的解析按照 Map 解析。 -
reply.reply() 是返回给 Flutter 的结果。
Flutter 端解析：
var result = await channel.send({'name': 'laomeng', 'age': 18});
var name = result['name'];
var age = result['age'];
两端的解析要相互对应。
在 MainActivity 启动：
class MainActivity : FlutterActivity() {
override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
super.configureFlutterEngine(flutterEngine)
BasicMessageChannelDemo(flutterEngine.dartExecutor.binaryMessenger)
flutterEngine.plugins.add(MyPlugin())
}
}
iOS 端
ios 下创建 MethodChannelDemo，按如下方式：
import Flutter
import UIKit
public class BasicMessageChannelDemo {
var channel:FlutterBasicMessageChannel
init(messenger: FlutterBinaryMessenger) {
channel = FlutterBasicMessageChannel(name: "com.flutter.guide.BasicMessageChannel", binaryMessenger: messenger)
channel.setMessageHandler { (message, reply) in
if let dict = message as? Dictionary<String, Any> {
let name:String = dict["name"] as? String ?? ""
let age:Int = dict["age"] as? Int ?? -1
reply(["name":"hello,\(name)","age":age])
}
}
}
}
在 AppDelegate 启动：
import UIKit
import Flutter
@UIApplicationMain
@objc class AppDelegate: FlutterAppDelegate {
override func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?
) -> Bool {
let controller : FlutterViewController = window?.rootViewController as! FlutterViewController
MethodChannelDemo(messenger: controller.binaryMessenger)
BasicMessageChannelDemo(messenger: controller.binaryMessenger)
GeneratedPluginRegistrant.register(with: self)
return super.application(application, didFinishLaunchingWithOptions: launchOptions)
}
}
原生端主动发送消息给Flutter
Flutter 端接收数据
@override
void initState() {
super.initState();
channel.setMessageHandler((message) {
setState(() {
_nativeData = message['count'];
});
});
}
Android 发送数据
原生端启动定时器，每隔一秒向 Flutter 发送数据，Android 端代码：
class BasicMessageChannelDemo(var activity: Activity, messenger: BinaryMessenger) : BasicMessageChannel.MessageHandler<Any> {
private var channel: BasicMessageChannel<Any>
private var count = 0
init {
channel = BasicMessageChannel(messenger, "com.flutter.guide.BasicMessageChannel", StandardMessageCodec())
channel.setMessageHandler(this)
startTimer()
}
fun startTimer() {
var timer = Timer().schedule(timerTask {
activity.runOnUiThread {
var map = mapOf("count" to count++)
channel.send(map,object :BasicMessageChannel.Reply<Any>{
override fun reply(reply: Any?) {
}
})
}
}, 0, 1000)
}
override fun onMessage(message: Any?, reply: BasicMessageChannel.Reply<Any>) {
val name = (message as Map<String, Any>)["name"]
val age = (message as Map<String, Any>)["age"]
var map = mapOf("name" to "hello,$name",
"age" to "$age"
)
reply.reply(map)
}
}
注意：Android 端发送数据要在主现场中调用，即：
activity.runOnUiThread {
var map = mapOf("count" to count++)
channel.invokeMethod("timer", map)
}
启动修改如下：
class MainActivity : FlutterActivity() {
override fun configureFlutterEngine(flutterEngine: FlutterEngine) {
super.configureFlutterEngine(flutterEngine)
BasicMessageChannelDemo(this,flutterEngine.dartExecutor.binaryMessenger)
flutterEngine.plugins.add(MyPlugin())
}
}
iOS 发送数据
iOS 端启动定时器代码如下：
import Flutter
import UIKit
public class BasicMessageChannelDemo {
var channel:FlutterBasicMessageChannel
var count = 0
init(messenger: FlutterBinaryMessenger) {
channel = FlutterBasicMessageChannel(name: "com.flutter.guide.BasicMessageChannel", binaryMessenger: messenger)
channel.setMessageHandler { (message, reply) in
if let dict = message as? Dictionary<String, Any> {
let name:String = dict["name"] as? String ?? ""
let age:Int = dict["age"] as? Int ?? -1
reply(["name":"hello,\(name)","age":age])
}
}
startTimer()
}
func startTimer() {
var timer = Timer.scheduledTimer(timeInterval:1, target: self, selector:#selector(self.tickDown),userInfo:nil,repeats: true)
}
@objc func tickDown(){
count += 1
var args = ["count":count]
channel.sendMessage(args) { (reply) in
}
}
}
本文分享自微信公众号 - 老孟Flutter（lao_meng_qd）。
如有侵权，请联系 support@oschina.cn 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。
关注公众号 低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。
- 上一篇
中小银行移动互联网金融之痛
近年来，在金融科技公司在移动互联网的大力推动下，用户在移动互联网上完成金融操作的习惯已经培养好，先行先试的应用正在线上全面开花、大放异彩，赚得盆满钵满。来势汹汹的移动互联网金融让传统银行感受了较强的威迫感，嗅觉灵敏的传统银行也不甘示弱，不约而同地奋起直追，一时间百花齐放，好不热闹，将移动互联网金融推进了繁荣时代，移动互联网也成为了银行之间的必争之地。 由于移动互联网金融应用由于直接暴露在互联网上，在带给用户便捷的同时，也面临运行环境具差异化严重、不可控、变化快等棘手问题，在稳定性、安全性、兼容性、敏捷性等方面都面临着更高的挑战。因此，移动互联网金融应用系统在复杂度上远远高于传统应用系统。 移动互联网金融应用开发难度高 开发技术复杂。 主流移动金融应用开发需要横跨Android、IOS、Linux、Web四大主流平台，而各平台都有一套独立的技术体系，每套技术体系下还有不同的技术方案，涉及Android应用开发、IOS应用开发、Linux服务端开发、Web开发开发、UI设计等，技术复杂，开发难度高。 功能组件繁多。 移动金融应用除了传统应用所需的能力外，还需要消息推送、生物识别（人脸、指纹...
- 下一篇
小熊派开发实践丨漫谈LiteOS之传感器移植
摘要：本文基于小熊派开发板简单介绍了如何在LiteOS中移植传感器，从而实现对于传感器的相关控制。 1 hello world 相信大家无论在学习编程语言开始的第一个函数应该是HelloWorld，本文将从hello_world_demo为大家介绍如何实现传感器的移植工作。 首先我们创建HelloWorld工程，选择STM32_BearPi → hello_world_demo，工程名称可以自定义。 创建之后我们点击编译，然后烧录到开发板，打开VSCode-IoTLink的串口，并按照图中进行设置串口连接参数，之后按键Reset，可以看到串口打印如下图所示。 首先来介绍一下代码运行的简单流程，之前在漫谈LiteOS系列中介绍过LiteOS 的启动流程，我们知道在程序下载到开发板之后，首先会按一下Reset按键进行开发板的启动，因此在开发板上电之后执行的第一个函数就是ReSet_Handler函数。 首先找到对应的启动文件los_startup.S 文件（根据使用的操作系统以及板子MCU系列查找文件目录），可以看到其由汇编语言编写，具体启动流程在漫谈LiteOS系列中已经介绍过，这里只看...
相关文章
文章评论
共有0条评论来说两句吧...
微信收款码
支付宝收款码