码迷,mamicode.com
首页 > 移动开发 > 详细

8-9 Flutter与Native通信-Android端实战

时间:2020-01-16 23:53:12      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:实例   点击   按钮   deb   out   code   文字   image   输入   


技术图片

技术图片

技术图片
技术图片

具体首先

安卓端提供MainActivity
技术图片

输入文本,点击按钮
技术图片
最终把参数传递到dart上
技术图片

dart端接收

首先要导入ui的包
技术图片
然后就可以使用window,window里面有个defaultRouteName 这个就是在初始化flutter模块的时候传递过来的initRoute参数
技术图片
 

第二个实例

技术图片

分别通过两种不同的channel来发送消息。
技术图片

首先这里提供了一个eventChannel的plugin。他实现了StreamHandler接口。
技术图片
用于监听我们dart端传来的消息
技术图片

技术图片
这种场景是持续通信
技术图片

dart端实现

首先需要导入service
技术图片
在初始化eventChannel传递的名字,和native原生那端要保持一致。
技术图片
这是原生端的名字
技术图片

技术图片
注册监听,_onToDart
技术图片
当naive端发送消息的时候,dart端会收到消息的回调。
技术图片

BasicMessageChannel的实现

技术图片

技术图片

回调,接收到消息
技术图片

MethodChannelPlugin


技术图片
当dart端调用native端 这里是回调。根据dart端传来的不同的方法,这里来做处理。
技术图片
传递flutterView获取到context。转为Activity
技术图片
上面是原生,下面是flutter
技术图片

这里放了两个单选按钮。用于选择我们不同的channel
技术图片

技术图片


调用不同的channel发送消息
技术图片
 

dart端

dart端进行调试
技术图片

安卓端进行debug
技术图片

在这里加个断点
技术图片

随便输入文字。native向dart端发送消息。
技术图片
技术图片
走的是basicMessaggeChannel发送消息。
技术图片
然后就进入了dart端代码。收到native传递过来的
技术图片
往下走,这里向native回传消息
技术图片

技术图片

native收到了dart端的消息
技术图片
这就是native-----dart----native
技术图片
 

结束

 

8-9 Flutter与Native通信-Android端实战

标签:实例   点击   按钮   deb   out   code   文字   image   输入   

原文地址:https://www.cnblogs.com/wangjunwei/p/12203627.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!