Flutter 和 Android 互相传递数据的实现

来自:网络
时间:2020-11-04
阅读:

(一)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端数据是怎么传递的。

返回顶部
顶部