【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 MethodChannel 通信 )

2023-03-29 15:53:56 浏览数 (1)

文章目录

  • 一、MethodChannel 简介
  • 二、MethodChannel 在 Dart 端的实现
    • 1、MethodChannel 构造函数
    • 2、invokeMethod 函数
    • 3、MethodChannel 使用流程
  • 三、相关资源

一、MethodChannel 简介


MethodChannel 简介 : MethodChannel 通道用于方法调用 ;

一次性通信 : 该方法是一次性通信 , 在 Flutter 中调用在该方法 , 仅能调用一次 Android 方法 ;

MethodChannel 原型 :

代码语言:javascript复制
/// A named channel for communicating with platform plugins using asynchronous
/// method calls.
///
/// Method calls are encoded into binary before being sent, and binary results
/// received are decoded into Dart values. The [MethodCodec] used must be
/// compatible with the one used by the platform plugin. This can be achieved
/// by creating a method channel counterpart of this channel on the
/// platform side. The Dart type of arguments and results is `dynamic`,
/// but only values supported by the specified [MethodCodec] can be used.
/// The use of unsupported values should be considered programming errors, and
/// will result in exceptions being thrown. The null value is supported
/// for all codecs.
///
/// The logical identity of the channel is given by its name. Identically named
/// channels will interfere with each other's communication.
///
/// See: <https://flutter.dev/platform-channels/>
class MethodChannel {
}

二、MethodChannel 在 Dart 端的实现


1、MethodChannel 构造函数

MethodChannel 的构造函数原型如下 :

代码语言:javascript复制
class MethodChannel {
  /// Creates a [MethodChannel] with the specified [name].
  ///
  /// The [codec] used will be [StandardMethodCodec], unless otherwise
  /// specified.
  ///
  /// The [name] and [codec] arguments cannot be null. The default [ServicesBinding.defaultBinaryMessenger]
  /// instance is used if [binaryMessenger] is null.
  const MethodChannel(this.name, [this.codec = const StandardMethodCodec(), BinaryMessenger? binaryMessenger ])

  /// The logical channel on which communication happens, not null.
  final String name;

  /// The message codec used by this channel, not null.
  final MethodCodec codec;
}

MethodChannel 构造方法参数说明 :

  • String name 参数 : Channel 通道名称 , Native 应用端 与 Flutter 中的 Channel 名称 , 必须一致 ;
  • MethodCodec<T> codec 参数 : 消息编解码器 , 默认类型是 StandardMethodCodec ; Native 应用端 与 Flutter 中的消息编解码器也要保持一致 ;

2、invokeMethod 函数

创建了 MethodChannel 实例对象之后 , 通过调用

代码语言:javascript复制
  @optionalTypeArgs
  Future<T?> invokeMethod<T>(String method, [ dynamic arguments ]) {
    return _invokeMethod<T>(method, missingOk: false, arguments: arguments);
  }

方法 , 调用 Native 端的方法 ;

invokeMethod 方法参数 / 返回值 说明 :

  • String method 参数 : Native 端的方法名 ;
  • [ dynamic arguments ] 参数 : Native 端方法传递的参数 , 这是个可变动态类型的参数 , 如果 Native 方法没有参数 , 可以选择不传递参数 ;

3、MethodChannel 使用流程

使用流程 :

首先 , 导入 Flutter 与 Native 通信 的 Dart 包 ;

代码语言:javascript复制
import 'package:flutter/services.dart';

然后 , 定义并实现 MethodChannel 对象实例 ;

代码语言:javascript复制
static const MethodChannel _methodChannel =
  	const MethodChannel('MethodChannel');

最后 , 调用 MethodChannel 实例对象的 invokeMethod 方法 ;

代码语言:javascript复制
String response = await _methodChannel.invokeMethod('send', value);

三、相关资源


参考资料 :

  • Flutter 官网 : https://flutter.dev/
  • Flutter 插件下载地址 : https://pub.dev/packages
  • Flutter 开发文档 : https://flutter.cn/docs ( 强烈推荐 )
  • 官方 GitHub 地址 : https://github.com/flutter
  • Flutter 中文社区 : https://flutter.cn/
  • Flutter 实用教程 : https://flutter.cn/docs/cookbook
  • Flutter CodeLab : https://codelabs.flutter-io.cn/
  • Dart 中文文档 : https://dart.cn/
  • Dart 开发者官网 : https://api.dart.dev/
  • Flutter 中文网 : https://flutterchina.club/ , http://flutter.axuer.com/docs/
  • Flutter 相关问题 : https://flutterchina.club/faq/ ( 入门阶段推荐看一遍 )
  • GitHub 上的 Flutter 开源示例 : https://download.csdn.net/download/han1202012/15989510
  • Flutter 实战电子书 : https://book.flutterchina.club/chapter1/
  • Dart 语言练习网站 : https://dartpad.dartlang.org/

重要的专题 :

  • Flutter 动画参考文档 : https://flutterchina.club/animations/

博客源码下载 :

  • GitHub 地址 : ( 随博客进度一直更新 , 有可能没有本博客的源码 )
    • Flutter Module 工程 : https://github.com/han1202012/flutter_module
    • Android 应用 : https://github.com/han1202012/flutter_native
    • 注意 : 上面两个工程要放在同一个目录中 , 否则编译不通过 ;
  • 博客源码快照 : https://download.csdn.net/download/han1202012/21670919 ( 本篇博客的源码快照 , 可以找到本博客的源码 )

0 人点赞