文章目錄

• 一、EventChannel 簡介
• 二、EventChannel 在 Dart 端的實現(xiàn)
• • 1、EventChannel 構(gòu)造方法
  • 2、創(chuàng)建廣播流 Stream
  • 3、設(shè)置監(jiān)聽回調(diào)函數(shù)
  • 4、EventChannel 使用流程
• 三、相關(guān)資源

一、EventChannel 簡介

---

EventChannel 一般用于持續(xù)的通信 , 如 : 將 Android 應(yīng)用中采集的陀螺儀 , GPS 等信息 , 持續(xù)的發(fā)送給 Flutter 應(yīng)用 ;

該通信時單向的 , 收到信息的一方無法回復(fù) ;

二、EventChannel 在 Dart 端的實現(xiàn)

---

1、EventChannel 構(gòu)造方法

EventChannel 的構(gòu)造函數(shù)原型如下 :

class EventChannel {/// Creates an [EventChannel] with the specified [name].////// The [codec] used will be [StandardMethodCodec], unless otherwise/// specified.////// Neither [name] nor [codec] may be null. The default [ServicesBinding.defaultBinaryMessenger]/// instance is used if [binaryMessenger] is null.const EventChannel(this.name, [this.codec = const StandardMethodCodec(), BinaryMessenger? binaryMessenger]): assert(name != null),assert(codec != null),_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; }

EventChannel 構(gòu)造方法參數(shù)說明 :

• String name 參數(shù) : Channel 通道名稱 , Native 應(yīng)用端 與 Flutter 中的 Channel 名稱 , 必須一致 ;

• MethodCodec<T> codec 參數(shù) : 消息編解碼器 , 默認(rèn)類型是 StandardMethodCodec ; Native 應(yīng)用端 與 Flutter 中的消息編解碼器也要保持一致 ;

2、創(chuàng)建廣播流 Stream

創(chuàng)建了 EventChannel 實例對象之后 , 調(diào)用

/// Sets up a broadcast stream for receiving events on this channel.////// Returns a broadcast [Stream] which emits events to listeners as follows:////// * a decoded data event (possibly null) for each successful event/// received from the platform plugin;/// * an error event containing a [PlatformException] for each error event/// received from the platform plugin.////// Errors occurring during stream activation or deactivation are reported/// through the [FlutterError] facility. Stream activation happens only when/// stream listener count changes from 0 to 1. Stream deactivation happens/// only when stream listener count changes from 1 to 0.Stream<dynamic> receiveBroadcastStream([ dynamic arguments ]) {}

方法 , 可以創(chuàng)建一個 廣播流 Stream , 調(diào)用該 Stream 實例對象的 listen 方法 , 可以注冊消息持續(xù)監(jiān)聽 , 用于從 Channel 消息通道中持續(xù)接收消息 ; 如果要停止監(jiān)聽 , 可以調(diào)用 Stream 的 cancel 方法 ;

receiveBroadcastStream 方法參數(shù) / 返回值 說明 :

• [ dynamic arguments ] 參數(shù) : 監(jiān)聽 Native 傳遞來的消息時 , 向 Native 傳遞的數(shù)據(jù) ;
• Stream<dynamic> 返回值 : 創(chuàng)建的監(jiān)聽用的廣播流 ;

注意 : 消息的監(jiān)聽 , 和 取消監(jiān)聽 , 一定個要一一對應(yīng) , 防止出現(xiàn)

3、設(shè)置監(jiān)聽回調(diào)函數(shù)

調(diào)用 Stream 的 listen 方法 , 傳入兩個方法參數(shù) ,

StreamSubscription<T> listen(void onData(T event)?,{Function? onError, void onDone()?, bool? cancelOnError});

第一個參數(shù) void onData(T event) , 參數(shù)為 T 泛型 , 返回值 void , 這是消息到來后回調(diào)的函數(shù) ;

Function? onError 參數(shù) , 參數(shù) 和 返回值都是 void , 這是出現(xiàn)錯誤后回調(diào)的函數(shù) ;

代碼示例 :

// 注冊 EventChannel 監(jiān)聽_streamSubscription = _eventChannel.receiveBroadcastStream()/// StreamSubscription<T> listen(void onData(T event)?,/// {Function? onError, void onDone()?, bool? cancelOnError});.listen(/// EventChannel 接收到 Native 信息后 , 回調(diào)的方法(message) {setState(() {/// 接收到消息 , 顯示在界面中showMessage = message;});},onError: (error){print(error);});

4、EventChannel 使用流程

使用流程 :

首先 , 導(dǎo)入 Flutter 與 Native 通信 的 Dart 包 ;

import 'package:flutter/services.dart'; import 'dart:async';

然后 , 定義并實現(xiàn) EventChannel 對象實例 ;

static const EventChannel _eventChannel =EventChannel('EventChannel');/// 監(jiān)聽 EventChannel 數(shù)據(jù)的句柄late StreamSubscription _streamSubscription;

接著 , 創(chuàng)建廣播流 , 并監(jiān)聽消息 , 一般在 initState 方法中設(shè)置監(jiān)聽 ;

@overridevoid initState() {// 注冊 EventChannel 監(jiān)聽_streamSubscription = _eventChannel.receiveBroadcastStream()/// StreamSubscription<T> listen(void onData(T event)?,/// {Function? onError, void onDone()?, bool? cancelOnError});.listen(/// EventChannel 接收到 Native 信息后 , 回調(diào)的方法(message) {setState(() {/// 接收到消息 , 顯示在界面中showMessage = message;});},onError: (error){print(error);});super.initState();}

最后 , 如果監(jiān)聽完畢 , 取消監(jiān)聽 ; 這樣可以防止不必要的內(nèi)存泄漏 ;

@overridevoid dispose() {// 取消監(jiān)聽_streamSubscription.cancel();super.dispose();}

三、相關(guān)資源

---

參考資料 :

• Flutter 官網(wǎng) : https://flutter.dev/
• Flutter 插件下載地址 : https://pub.dev/packages
• Flutter 開發(fā)文檔 : https://flutter.cn/docs ( 強烈推薦 )
• 官方 GitHub 地址 : https://github.com/flutter
• Flutter 中文社區(qū) : https://flutter.cn/
• Flutter 實用教程 : https://flutter.cn/docs/cookbook
• Flutter CodeLab : https://codelabs.flutter-io.cn/
• Dart 中文文檔 : https://dart.cn/
• Dart 開發(fā)者官網(wǎng) : https://api.dart.dev/
• Flutter 中文網(wǎng) : https://flutterchina.club/ , http://flutter.axuer.com/docs/
• Flutter 相關(guān)問題 : https://flutterchina.club/faq/ ( 入門階段推薦看一遍 )
• GitHub 上的 Flutter 開源示例 : https://download.csdn.net/download/han1202012/15989510
• Flutter 實戰(zhàn)電子書 : https://book.flutterchina.club/chapter1/
• Dart 語言練習(xí)網(wǎng)站 : https://dartpad.dartlang.org/

重要的專題 :

• Flutter 動畫參考文檔 : https://flutterchina.club/animations/

博客源碼下載 :

• GitHub 地址 : ( 隨博客進(jìn)度一直更新 , 有可能沒有本博客的源碼 )

  • Flutter Module 工程 : https://github.com/han1202012/flutter_module
  • Android 應(yīng)用 : https://github.com/han1202012/flutter_native
  • 注意 : 上面兩個工程要放在同一個目錄中 , 否則編譯不通過 ;

• 博客源碼快照 : https://download.csdn.net/download/han1202012/21670919 ( 本篇博客的源碼快照 , 可以找到本博客的源碼 )

總結(jié)

以上是生活随笔為你收集整理的【Flutter】Flutter 混合开发 ( Flutter 与 Native 通信 | 在 Flutter 端实现 EventChannel 通信 )的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。