Flutter 与Android 如何实现互相传递数据

发布时间:2020-11-05 14:28:32 作者:Leah
来源:亿速云 阅读:175

Flutter 与Android 如何实现互相传递数据?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

(一)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()方法 如下图所示,

Flutter 与Android 如何实现互相传递数据

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

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

(二)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,执行完成之后如图所示

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

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

Flutter 与Android 如何实现互相传递数据

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

Flutter 与Android 如何实现互相传递数据

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

关于Flutter 与Android 如何实现互相传递数据问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

推荐阅读:
  1. Flutter介绍 - Flutter,H5,React Native之间的对比
  2. Flutter如何使用JsBridge方式处理Webview与H5通信

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

flutter android 数据传递

上一篇:php和c语言哪个比较难点

下一篇:php检测字符串是否包含字符串的方法有哪些

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》