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

84 阅读 0 评论 56 点赞

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

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

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

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

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

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

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

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

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

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

（二）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，执行完成之后如图所示