android与flutter通信并传递数据 flutter 与 native 通信

转载

daleiwang 2023-09-25 03:27:24

文章标签 FlutterNative通信 Native 通信 Dart flutter 消息处理 文章分类 Android 移动开发

Flutter 和原生的通信场景：

在做Flutter开发的时候通常离不了Flutter和Native之间的通信，比如：初始化Flutter时Native向Dart传递数据，Dart调用Native的相册选择图片，Dart调用Native的模块进行一些复杂的计算，Native将一些数据(GPS信息，陀螺仪，传感器等)主动传递给Dart等
➠
➠ Native 主动调用 Flutter
➠ Flutter 调用 Native
➠ Flutter 先调用 Native。Native再回调 Flutter

android与flutter通信并传递数据 flutter 与 native 通信_Native 通信

Flutter 和原生的通信机制：

本质上 Flutter 和原生通信是通过 Channel 来完成的：Flutter中消息的传递是完全异步的；
消息使用 Channel(平台通道) 在客户端(UI) 和主机(p平台)

Channel通信所支持的数据类型对照表：
DartAndroidiOSnullnullnil (NSNull when nested)booljava.lang.BooleanNSNumber numberWithBool:intjava.lang.IntegerNSNumber numberWithInt:int, if 32 bits not enoughjava.lang.LongNSNumber numberWithLong:doublejava.lang.DoubleNSNumber numberWithDouble:Stringjava.lang.StringNSStringUint8Listbyte[]FlutterStandardTypedData typedDataWithBytes:Int32Listint[]FlutterStandardTypedData typedDataWithInt32:Int64Listlong[]FlutterStandardTypedData typedDataWithInt64:Float64Listdouble[]FlutterStandardTypedData typedDataWithFloat64:Listjava.util.ArrayListNSArrayMapjava.util.HashMapNSDictionary

Flutter 定义了三种不同类型的 Channel：

BaseMessageChannel：用于传递字符串和半结构化的信息，持续通信，收到消息后可以回复此次消息；如： Native 将遍历到的文件信息陆续传递到 Dart, 再比如：将Flutter 从服务端陆陆续续活的到的信息交给 Native处理完毕返回
MethodChannel: 用于传递方法的调用（method invocation）一次性通信；如 Flutter调用 Native 拍照
EventChannel：用于数据流（event streams）的通信，持续通信，收到消息后无法回复此次消息，通过常用于 native 向 Dart的通信；比如手机电量变化，网络的链接的变化陀螺仪传感器等

这三种通信的类型的 channel 都是全双工通信；即 A<==>B, dart 可以主动发送消息给 platform 端，并且platform 接收到消息可以做出回应；同样 platform端也可以主动发送消息给 Dart 端；dart端接收到数据后返回给 platform ；

BasicMessageChannel用法

Native端：

构造方法原型

BasicMessageChannel(BinaryMessenger messenger, String name, MessageCodec<T> codec)

BinaryMessenger messenger - 消息信使，是消息的发送与接收的工具；
String name - Channel的名字，也是其唯一标识符；
MessageCodec<T> codec - 消息的编解码器，它有几种不同类型的实现：

BinaryCodec - 最为简单的一种Codec，因为其返回值类型和入参的类型相同，均为二进制格式（Android中为ByteBuffer，iOS中为NSData）。实际上，BinaryCodec在编解码过程中什么都没做，只是原封不动将二进制数据消息返回而已。或许你会因此觉得BinaryCodec没有意义，但是在某些情况下它非常有用，比如使用BinaryCodec可以使传递内存数据块时在编解码阶段免于内存拷贝；
StringCodec - 用于字符串与二进制数据之间的编解码，其编码格式为UTF-8；
JSONMessageCodec - 用于基础数据与二进制数据之间的编解码，其支持基础数据类型以及列表、字典。其在iOS端使用了NSJSONSerialization作为序列化的工具，而在Android端则使用了其自定义的JSONUtil与StringCodec作为序列化工具；
StandardMessageCodec - 是BasicMessageChannel的默认编解码器，其支持基础数据类型、二进制数据、列表、字典，其工作原理；

setMessageHandler方法原型

void setMessageHandler(BasicMessageChannel.MessageHandler<T> handler)

BasicMessageChannel.MessageHandler<T> handler - 消息处理器，配合BinaryMessenger完成消息的处理；

在创建好BasicMessageChannel后，如果要让其接收Dart发来的消息，则需要调用它的setMessageHandler方法为其设置一个消息处理器。

BasicMessageChannel.MessageHandler原型

public interface MessageHandler<T> {
    void onMessage(T var1, BasicMessageChannel.Reply<T> var2);
}

onMessage(T var1, BasicMessageChannel.Reply<T> var2) - 用于接受消息，var1是消息内容，var2是回复此消息的回调函数；

send方法原型

void send(T message)
void send(T message, BasicMessageChannel.Reply<T> callback)

T message - 要传递给Dart的具体信息；
BasicMessageChannel.Reply<T> callback - 消息发出去后，收到Dart的回复的回调函数；

在创建好BasicMessageChannel后，如果要向Dart发送消息，可以调用它的send方法向Dart传递数据。

public class BasicMessageChannelPlugin implements BasicMessageChannel.MessageHandler<String>, BasicMessageChannel.Reply<String> {
    private final Activity activity;
    private final BasicMessageChannel<String> messageChannel;

    static BasicMessageChannelPlugin registerWith(FlutterView flutterView) {
        return new BasicMessageChannelPlugin(flutterView);
    }

    private BasicMessageChannelPlugin(FlutterView flutterView) {
        this.activity = (Activity) flutterView.getContext();
        this.messageChannel = new BasicMessageChannel<>(flutterView, "BasicMessageChannelPlugin", StringCodec.INSTANCE);
        //设置消息处理器，处理来自Dart的消息
        messageChannel.setMessageHandler(this);
    }

    @Override
    public void onMessage(String s, BasicMessageChannel.Reply<String> reply) {//处理Dart发来的消息
        reply.reply("BasicMessageChannel收到：" + s);//可以通过reply进行回复
        if (activity instanceof IShowMessage) {
            ((IShowMessage) activity).onShowMessage(s);
        }
        Toast.makeText(activity, s, Toast.LENGTH_SHORT).show();
    }

    /**
     * 向Dart发送消息，并接受Dart的反馈
     *
     * @param message  要给Dart发送的消息内容
     * @param callback 来自Dart的反馈
     */
    void send(String message, BasicMessageChannel.Reply<String> callback) {
        messageChannel.send(message, callback);
    }

    @Override
    public void reply(String s) {

    }
}

实例源码下载

Dart端：

构造方法原型

const BasicMessageChannel(, this.codec);

String name - Channel的名字，要和Native端保持一致；
MessageCodec<T> codec - 消息的编解码器，要和Native端保持一致，有四种类型的实现具体可以参考Native端的介绍；

setMessageHandler方法原型

void setMessageHandler(Future<T> handler(T message))

Future<T> handler(T message) - 消息处理器，配合BinaryMessenger完成消息的处理；

在创建好BasicMessageChannel后，如果要让其接收Native发来的消息，则需要调用它的setMessageHandler方法为其设置一个消息处理器。

send方法原型

Future<T> send(T message)

T message - 要传递给Native的具体信息；
Future<T> - 消息发出去后，收到Native回复的回调函数；

在创建好BasicMessageChannel后，如果要向Native发送消息，可以调用它的send方法向Native传递数据。

import 'package:flutter/services.dart';
...
static const BasicMessageChannel _basicMessageChannel =
      const BasicMessageChannel('BasicMessageChannelPlugin', StringCodec());
...
//使用BasicMessageChannel接受来自Native的消息，并向Native回复
_basicMessageChannel
    .setMessageHandler((String message) => Future<String>(() {
          setState(() {
            showMessage = message;
          });
          return "收到Native的消息：" + message;
        }));
//使用BasicMessageChannel向Native发送消息，并接受Native的回复
String response;
    try {
       response = await _basicMessageChannel.send(value);
    } on PlatformException catch (e) {
      print(e);
    }
...

实例源码下载

MethodChannel用法

Native端：

构造方法原型

//会构造一个StandardMethodCodec.INSTANCE类型的MethodCodec
MethodChannel(BinaryMessenger messenger, String name)
//或
MethodChannel(BinaryMessenger messenger, String name, MethodCodec codec)

BinaryMessenger messenger - 消息信使，是消息的发送与接收的工具；
String name - Channel的名字，也是其唯一标识符；
MethodCodec codec - 用作MethodChannel的编解码器；

setMethodCallHandler方法原型

setMethodCallHandler(@Nullable MethodChannel.MethodCallHandler handler)

@Nullable MethodChannel.MethodCallHandler handler - 消息处理器，配合BinaryMessenger完成消息的处理；

在创建好MethodChannel后，需要调用它的setMessageHandler方法为其设置一个消息处理器，以便能加收来自Dart的消息。

MethodChannel.MethodCallHandler原型

public interface MethodCallHandler {
    void onMethodCall(MethodCall var1, MethodChannel.Result var2);
}

onMethodCall(MethodCall call, MethodChannel.Result result) - 用于接受消息，call是消息内容，它有两个成员变量String类型的call.method表示调用的方法名，Object 类型的call.arguments表示调用方法所传递的入参；MethodChannel.Result result是回复此消息的回调函数提供了result.success，result.error，result.notImplemented方法调用；

public class MethodChannelPlugin implements MethodCallHandler {
    private final Activity activity;

    /**
     * Plugin registration.
     */
    public static void registerWith(FlutterView flutterView) {
        MethodChannel channel = new MethodChannel(flutterView, "MethodChannelPlugin");
        MethodChannelPlugin instance = new MethodChannelPlugin((Activity) flutterView.getContext());
        channel.setMethodCallHandler(instance);
    }

    private MethodChannelPlugin(Activity activity) {
        this.activity = activity;
    }

    @Override
    public void onMethodCall(MethodCall call, Result result) {
        switch (call.method) {//处理来自Dart的方法调用
            case "showMessage":
                showMessage(call.arguments());
                result.success("MethodChannelPlugin收到：" + call.arguments);//返回结果给Dart
                break;
            default:
                result.notImplemented();
        }
    }

    /**
     * 展示来自Dart的数据
     *
     * @param arguments
     */
    private void showMessage(String arguments) {
        if (activity instanceof IShowMessage) {
            ((IShowMessage) activity).onShowMessage(arguments);
        }
        Toast.makeText(activity, arguments, Toast.LENGTH_SHORT).show();
    }
}

实例源码下载

Dart端：

构造方法原型

const MethodChannel(, [this.codec = const StandardMethodCodec()])

String name - Channel的名字，要和Native端保持一致；
MethodCodec codec - 消息的编解码器，默认是StandardMethodCodec，要和Native端保持一致；

invokeMethod方法原型

Future<T> invokeMethod<T>(String method, [ dynamic arguments ])

String method：要调用Native的方法名；
[ dynamic arguments ]：调用Native方法传递的参数，可不传；

import 'package:flutter/services.dart';
...
static const MethodChannel _methodChannelPlugin =
      const MethodChannel('MethodChannelPlugin');
...
String response;
    try {
		response = await _methodChannelPlugin.invokeMethod('send', value);
    } on PlatformException catch (e) {
      print(e);
    }
...

EventChannel用法

Native端：

构造方法原型

//会构造一个StandardMethodCodec.INSTANCE类型的MethodCodec
EventChannel(BinaryMessenger messenger, String name)
//或
EventChannel(BinaryMessenger messenger, String name, MethodCodec codec)

BinaryMessenger messenger - 消息信使，是消息的发送与接收的工具；
String name - Channel的名字，也是其唯一标识符；
MethodCodec codec - 用作EventChannel的编解码器；

setStreamHandler方法原型

void setStreamHandler(EventChannel.StreamHandler handler)

EventChannel.StreamHandler handler - 消息处理器，配合BinaryMessenger完成消息的处理；
在创建好EventChannel后，如果要让其接收Dart发来的消息，则需要调用它的setStreamHandler方法为其设置一个消息处理器。

EventChannel.StreamHandler原型

public interface StreamHandler {
    void onListen(Object args, EventChannel.EventSink eventSink);

    void onCancel(Object o);
}

void onListen(Object args, EventChannel.EventSink eventSink) - Flutter Native监听事件时调用，Object args是传递的参数，EventChannel.EventSink eventSink是Native回调Dart时的会回调函数，eventSink提供success、error与endOfStream三个回调方法分别对应事件的不同状态；
void onCancel(Object o) - Flutter取消监听时调用；

public class EventChannelPlugin implements EventChannel.StreamHandler {
    private List<EventChannel.EventSink> eventSinks = new ArrayList<>();

    static EventChannelPlugin registerWith(FlutterView flutterView) {
        EventChannelPlugin plugin = new EventChannelPlugin();
        new EventChannel(flutterView, "EventChannelPlugin").setStreamHandler(plugin);
        return plugin;
    }

    void sendEvent(Object params) {
        for (EventChannel.EventSink eventSink : eventSinks) {
            eventSink.success(params);
        }
    }

    @Override
    public void onListen(Object args, EventChannel.EventSink eventSink) {
        eventSinks.add(eventSink);
    }

    @Override
    public void onCancel(Object o) {

    }
}

实例源码下载

Dart端：
构造方法原型

const EventChannel(, [this.codec = const StandardMethodCodec()]);

String name - Channel的名字，要和Native端保持一致；
MethodCodec codec - 消息的编解码器，默认是StandardMethodCodec，要和Native端保持一致；

receiveBroadcastStream方法原型

Stream<dynamic> receiveBroadcastStream([ dynamic arguments ])

dynamic arguments - 监听事件时向Native传递的数据；

初始化一个广播流用于从channel中接收数据，它返回一个Stream接下来需要调用Stream的listen方法来完成注册，另外需要在页面销毁时调用Stream的cancel方法来取消监听；

import 'package:flutter/services.dart';
...
static const EventChannel _eventChannelPlugin =
      EventChannel('EventChannelPlugin');
StreamSubscription _streamSubscription;
  @override
  void initState() {
    _streamSubscription=_eventChannelPlugin
        .receiveBroadcastStream()
        .listen(_onToDart, onError: _onToDartError);
    super.initState();
  }
  @override
  void dispose() {
    if (_streamSubscription != null) {
      _streamSubscription.cancel();
      _streamSubscription = null;
    }
    super.dispose();
  }
  void _onToDart(message) {
    setState(() {
      showMessage = message;
    }); 
  }
  void _onToDartError(error) {
    print(error);
  }
...

实例源码下载

1. 初始化Flutter时Native向Dart传递数据

android与flutter通信并传递数据 flutter 与 native 通信_消息处理_03

在Flutter的API中提供了Native在初始化Dart页面时传递数据给Dart的方式，这种传递数据的方式比下文中所讲的其他几种传递数据的方式发生的时机都早。

因为很少有资料介绍这种方式，所以可能有很多同学还不知道这种方式，不过不要紧，接下来我就向大家介绍如何使用这种方式来传递数据给Dart。

Android向Flutter传递初始化数据initialRoute

Flutter允许我们在初始化Flutter页面时向Flutter传递一个String类型的initialRoute参数，从参数名字它是用作路由名的，但是既然Flutter给我们开了这个口子，那我们是不是可以搞点事情啊，传递点我们想传的其他参数呢，比如：

FragmentTransaction tx = getSupportFragmentManager().beginTransaction();
                tx.replace(.someContainer, Flutter.createFragment("{name:'devio',dataList:['aa','bb',''cc]}"));
                tx.commit();
//or
View flutterView = Flutter.createView(
      MainActivity.this,
      getLifecycle(),
      "route1"
    );
FrameLayout.LayoutParams layout = new FrameLayout.LayoutParams(600, 800);
layout.leftMargin = 100;
layout.topMargin = 200;
addContentView(flutterView, layout);

然后在Flutter module通过如下方式获取：

import 'dart:ui';//要使用window对象必须引入

String initParams=window.defaultRouteName;
//序列化成Dart obj 敢你想干的
...

通过上述方案的讲解是不是给大家分享了一个新的思路呢。
接下来，我们先来看一下如何在Android上来传递这些初始化数据。

2. Native到Dart的通信(Native发送数据给Dart)

在Flutter 中Native向Dart传递消息可以通过BasicMessageChannel或EventChannel都可以实现：

通过`BasicMessageChannel`的方式

android与flutter通信并传递数据 flutter 与 native 通信_消息处理_04

如何实现？

通过`EventChannel`的方式

android与flutter通信并传递数据 flutter 与 native 通信_Dart_05

如何实现？

以上就是使用不同Channel实现Native到Dart通信的原理及方式，接下来我们来看一下实现Dart到Native之间通信的原理及方式。

3. Dart到Native的通信(Dart发送数据给Native)

在Flutter 中Dart向Native传递消息可以通过BasicMessageChannel或MethodChannel都可以实现：

通过`BasicMessageChannel`的方式

android与flutter通信并传递数据 flutter 与 native 通信_flutter_06

通过`MethodChannel`的方式

android与flutter通信并传递数据 flutter 与 native 通信_flutter_07

本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。

上一篇：商城 java开源 java源码商城

下一篇：iOS中集成广告SDK app广告sdk选择

提问和评论都可以，用心的回复会被更多人看到评论

发布评论

相关文章

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯