博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android和flutter关系,Flutter 和 Android 互相传递数据的实现
阅读量:5869 次
发布时间:2019-06-19

本文共 2513 字,大约阅读时间需要 8 分钟。

(一)Android代码设置

1,打开Android Studio 创建一个应用程序,包名dev.android.book 2, 创建一个MyApplication ,应用在AndroidManifest.xml文件中的application的android:name属性上 3,创建FlutterEngine的实例,然后把这个实例添加到缓存的FlutterEngine当中 4,创建MethodChannel的实例,指定一个此实例的唯一字符串,例如dev.android.book/add 5, 设置methodChannel方法回调函数,接收Flutter通过MethodChannel发过来的消息 6,Flutter发过来的消息众多,是通过 MethodCall对象中的方法名来判断 7,Android端向Flutter发送消息,也是通过methodChannel对象的的invokeMethod方法

针对以上的各个步骤添加说明

1,很简单就是打开Android studio =>File=>New Project=>Select a Project Template=>input Name, Package name等=>Finish

2,创建BookApplication 目的是 预初始化FlutterEngine,启动Flutter有三种方式

a,第一种方式,就是创建默认的FlutterEngine 比如 FlutterActivity.createDefaultIntent(this) b, 第二种方式,就是创建新的FlutterEngine 比如 FlutterActivity.withNewEngine().build(this) c, 第三种方式,就是使用缓存FlutterEngine 比如 FlutterActivity.withCachedEngine(ENGINE_ID).build(this)

简单解析这三种方式 a和b其实是一样的,FlutterActivity.createDefaultIntent其实调用的还是FlutterActivity.withNewEngine()方法 如下图所示,

d03d1c8def3bc744681630d5c17de3a7.png

如果在开发中不建议使用a,b方法,是因为在开发过程中,在原声当中打开Flutter页面,会有一段时间的黑屏,这是因为FlutterEngine在初始化,初始化完成之后,就可以显示Flutter页面

3,创建FlutterEngine的实例 有两种方法,直接传Context,或者传Context dartVmArgs

bb197db8abd3f6b316ae8643b6fa0a7e.png

4,创建MethodChannel的实例,提供两种构造方法 messenger和name, message和name 和 MethodCodec

6d3420781b906f8b0455b86294542e11.png

5,设置MethodChannel方法的回调,接收Flutter传过来的内容,提供一个参数 MethodCallHandler

ae93a9922355f65bf0a5d52283947509.png

6,Flutter传过来的值各种各样,是通过接口 MethodCallHandler

ab0b17a6327a6e03c4bc31f7b5c6ca15.png

MethodCallHandler里面的抽象方法onMethodCall来区分,onMethodCall方法里面有两个参数 MethodCall包含传过来参数的一些信息 比如方法名,参数等信息,

eb752d858eda5bcf608f0d87081245a8.png

result表示成功或者失败的一些回调信息

dfdd889f15702b0ecc3b99c04d1c8c2e.png

7,Android端向Flutter端发送消息,是通过注册的MethodChannel 调用invokeMethod方法,有两个参数,方法的名字,和参数

5a5ded16ba9bd5ec29053b09a2db7b77.png

c,建议使用这种提前初始化FlutterEngine的方法,使用过程中,页面几乎没有停顿打开Flutter页面,所以要在Application中提前初始化 初始化代码如下

27126d449acb6bca6c960bd705f471d7.png

(二)Flutter代码设置

1,打开VSCODE 创建一个应用程序,包名my_flutter 2,创建MethodChannel的实例,指定一个此实例的唯一字符串,例如dev.android.book/add 3, 设置methodChannel方法回调函数,接收Flutter通过MethodChannel发过来的消息 4,Android发过来的消息众多,是通过 MethodCall对象中的方法名来判断 5,Android端向Flutter发送消息,也是通过methodChannel对象的的invokeMethod方法

针对以上的各个步骤添加说明

1,创建一个flutter model,最后要作为依赖添加到原声代码当中,通过命令 flutter create -t module --org com.flutter my_flutter,执行完成之后如图所示

749e6284a8d5e5bcbe064435226ecc07.png

2,在所在的类中直接初始化 MethodChannel ,比如 final _channel = MethodChannel(channel_name); 参数是一个唯一的字符串,这个字符串必须和Android端中的字符串保持一致

33a3bb61102b8786ac60cc66864bddec.png

3,给MethodChannel设置方法调用回调 ,参数和Android端基本上一致

5def6b319c98ef6f9b881c2252f45fa1.png

4,Android端发送过来的消息 也是通过 MethodCall来判断,可以更具方法名来判断

87637a5ae087fe889bb3a899499e12b9.png

5,Flutter端向Android端发送消息,也是通过注册的MethodChannel调用invokeMethod,发送消息

d115b8be4bcad98e0e8d7c60c2b02c35.png

(三)向Android工程中引入刚才创建的FLutter工程

在Android工程中的settings.gradle中添加如下代码

d6ab64789446d57e8e78fb42ba8430c2.png

然后在依赖当中添加Flutter工程模块

14460eed50550bd4bb6a8cafed58107a.png

完成以上步骤,就完成了向已有的Android工程中添加flutter模块,以及Android端和Flutter端数据是怎么传递的。

到此这篇关于Flutter 和 Android 互相传递数据的实现的文章就介绍到这了,更多相关Flutter Android 互相传递数据内容请搜索云海天教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持云海天教程!

原文链接:https://juejin.im/post/6891133786860290055

转载地址:http://kdtnx.baihongyu.com/

你可能感兴趣的文章
Nginx 和 Apache 各有什么优缺点?
查看>>
Nginx配置nginx.conf的详细说明
查看>>
《大唐豪侠》架构开发纪实
查看>>
如何固定电脑ip地址
查看>>
Confluence 6 针对大数据量备份
查看>>
国家电子政务工程建设项目管理暂行办法
查看>>
《中国智慧》
查看>>
json解析
查看>>
oracle中判断写法
查看>>
server2008 DHCP的安装
查看>>
Linux集群之corosync+pacemaker实现MySQL高可用
查看>>
漏洞扫描系统
查看>>
“金”秋
查看>>
vector中的排序
查看>>
STP
查看>>
python当中__metaclass__探讨
查看>>
HTTP/FTP客户端开发库:libwww、libcurl、libfetch 以及更多
查看>>
怎么查路由器IP地址
查看>>
Java程序员必须掌握的8大排序算法
查看>>
如何设计一个优秀的API
查看>>