Flutter Bloc實(shí)現(xiàn)原理

1、繼承SingleChildStatelessWidget，就是一個(gè)widget，通過create 傳入一個(gè)Bloc對(duì)象

青山網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)從2013年成立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。

1、Bloc繼承自BlocBase，BlocBase中創(chuàng)建了StreamController對(duì)象，為多訂閱對(duì)象

其中onCounterEvent((event, emit)為初始化創(chuàng)建_eventController監(jiān)聽

2、Bloc中創(chuàng)建_eventController，為事件通知

3、BlocBase創(chuàng)建_stateController,為狀態(tài)刷新通知

4、add方法是執(zhí)行廣播通知

5、處理完數(shù)據(jù)之后執(zhí)行emit()方法，其中emit方法是stateController廣播

1、 BlocBuilder繼承自BlocBuilderBase，_BlocBuilderBaseState中build方法返回的是BlocListener

2、BlocListener繼承BlocListenerBase，_BlocListenerBaseState中_subscribe()添加監(jiān)聽stateController廣播通知

Flutter與原生通信概述

flutter與原生通信主要有三種方式：MethodChannel、EventChannel、BasicMessageChannel，這三種方式均各有適用的場景：MethodChannel用于native與flutter的方法調(diào)用，EventChannel用于native單向的向flutter發(fā)送廣播消息，BasicMessageChannel用于native與flutter之間的消息互發(fā)。

MethodChannel用于雙方之間的方法互調(diào)，使用步驟是：

1.創(chuàng)建一個(gè)MethodChannel對(duì)象，傳入MethodChannel名稱。

2.使用setMethodHandle對(duì)對(duì)方調(diào)用自己的方法進(jìn)行監(jiān)聽，通過回調(diào)中的MethodCall對(duì)象方法名判斷、獲取方法參數(shù)，并且返回調(diào)用結(jié)果。

3.使用invokeMethod來調(diào)用對(duì)方的方法，可傳入方法名，方法參數(shù)，以及監(jiān)聽對(duì)方的回調(diào)結(jié)果。

以下是示例：

需要注意的是，MethodChannel的名稱需要雙方保持一致，否則就不是同一個(gè)MethodChannel了。另外這里的方法調(diào)用并不是像Java里面反射那樣去先找到class示例對(duì)象再解析到相應(yīng)的方法，而是將雙方互發(fā)的消息包裝成了MethodCall對(duì)象，拿到這個(gè)對(duì)象后通過MethodCall里面的方法名去判斷要做什么操作，并不是直接就調(diào)用了自身（native或flutter）相對(duì)應(yīng)的方法。具體要做什么操作、調(diào)用什么方法還是得自己去調(diào)用和實(shí)現(xiàn)。

EventChannel適用于native向flutter發(fā)送廣播消息，只是單向的消息發(fā)送，native發(fā)，flutter收，返過來flutter并不能向native發(fā)送消息。例如native可將定位數(shù)據(jù)不斷的報(bào)給flutter，或者錄像數(shù)據(jù)等等，所有基于原生能力產(chǎn)生的數(shù)據(jù)都可以通過EventChannel進(jìn)行發(fā)送。

步驟：

1.創(chuàng)建一個(gè)EventChannel對(duì)象，傳入EventChannel名稱。

2.flutter端調(diào)用receiveBroadcastStream進(jìn)行廣播消息注冊，傳入arguments參數(shù)即為廣播名稱，此參數(shù)是告訴native端你要接受的廣播類型，判別是什么廣播發(fā)送的數(shù)據(jù)。

2.native調(diào)用setStreamHandler方法進(jìn)行廣播消息監(jiān)聽，onListen回調(diào)里會(huì)有一個(gè)arguments參數(shù)，這里及為flutter注冊的廣播類型，若flutter端沒有注冊，則native端不會(huì)收到這個(gè)回調(diào)，也就無法進(jìn)行消息發(fā)送。收到flutter端的廣播注冊后，根據(jù)arguments可判斷廣播類型，然后根據(jù)EventChannel.EventSink來進(jìn)行消息發(fā)送，EventSink.success()即可將消息發(fā)送給flutter端。

3.flutter進(jìn)行廣播注冊會(huì)返回一個(gè)streamSubscription類型的對(duì)象，該對(duì)象可以進(jìn)行消息的停止，native可在onCancel回調(diào)里面收到。

示例如下：

BasicMessageChannel就是比較常用的消息互發(fā)，使用步驟如下：

1.創(chuàng)建BasicMessageChannel對(duì)象，傳入BasicMessageChannel名稱。還需傳入編解碼方式（可以自己實(shí)現(xiàn)），系統(tǒng)提供了一些列的編解碼方式，后續(xù)會(huì)介紹到。

2.使用setMessageHandler方法進(jìn)行消息監(jiān)聽，也可進(jìn)行回復(fù)。

3.使用send方法進(jìn)行消息發(fā)送。

無論哪種方式的消息傳遞，最終都是將自定義數(shù)據(jù)轉(zhuǎn)化為二進(jìn)制數(shù)據(jù)進(jìn)行傳遞，flutter提供的編解碼方式分為MethodCodec和MessageCodec兩種，EventChannel和MethodChannel使用的就是MethodCodec，BasicMessageChannel使用的是MessageCodec。MethodCodec其實(shí)就是在MessageCodec的基礎(chǔ)上將數(shù)據(jù)包裝了一下，使其轉(zhuǎn)化為MethodCall對(duì)象方便使用。

MethodCodec源碼：

MethodCodec提供了兩種方式：JSONMethodCodec和StandardMethodCodec，前一種就是JSON和MethodCall對(duì)象之間的互轉(zhuǎn)，后一種則是根據(jù)傳入的數(shù)據(jù)基本類型（String，Integer等）來進(jìn)行互轉(zhuǎn)。

MessageCodec則提供了四種方式，如下圖，具體就不詳細(xì)講述了，看看名字就知道是怎么回事，可以直接去看源碼。最常用和默認(rèn)的就是StandardMessageCodec方式。

從上面的使用方式可以看出，每一種Channel在創(chuàng)建的時(shí)候都需要傳遞一個(gè)BinaryMessenger，這個(gè)接口可以在FlutterEngine里面拿到，因此需要在FlutterActivity里面實(shí)現(xiàn)configFlutterEngine方法里面重寫這個(gè)方法。FlutterActivity在attach FlutterEngine之后就會(huì)調(diào)用這個(gè)configFlutterEngine方法，通過flutterEngine.getPlugins().add(FlutterPlugin)方法可以FlutterPlugin的回調(diào)方法里進(jìn)行數(shù)據(jù)的初始化和銷毀工作。如下圖

這個(gè)回調(diào)方法里的FlutterPluginBinding提供了一些我們可能會(huì)用到的對(duì)象，如下：

flutter 中監(jiān)聽滑動(dòng)事件

在移動(dòng)端，各個(gè)平臺(tái)或 UI 系統(tǒng)的原始指針事件模型基本都是一致，即：一次完整的事件分為三個(gè)階段：手指按下、手指移動(dòng)、和手指抬起，而更高級(jí)別的手勢（如點(diǎn)擊、雙擊、拖動(dòng)等）都是基于這些原始事件的。

Flutter 中可以使用 Listener widget 來監(jiān)聽原始觸摸事件，它也是一個(gè)功能性 widget。

Listener 的常見屬性

用法如下：

加載更多需要對(duì) ListView 進(jìn)行監(jiān)聽，所以需要進(jìn)行監(jiān)聽器的設(shè)置，在 State 中進(jìn)行監(jiān)聽器的初始化。

2、使用上述的 Listener 來監(jiān)聽，通過 Listener 的 onPointerMove（手指在屏幕上滑動(dòng)）來監(jiān)聽滑動(dòng)的距離，當(dāng)滑動(dòng)到底部時(shí)加載更多數(shù)據(jù)

Flutter 如何監(jiān)聽當(dāng)前頁面 push顯示/消失 pop消失/顯示

Flutter的 StatefulWidget StatelessWidget 生命周期中沒有組件出現(xiàn)或者消失的回調(diào)，主要是要靠路由的監(jiān)聽

flutter源碼系列 PageView源碼分析以及監(jiān)聽事件

最近一個(gè)項(xiàng)目要實(shí)現(xiàn)可以無限循環(huán)的PageView，主要思路是在初始化pageview的list的時(shí)候在開始和結(jié)尾多加一個(gè)結(jié)尾和開頭的widget，當(dāng)滑動(dòng)到開頭和結(jié)尾的時(shí)候手動(dòng)進(jìn)行頁面的切換，詳細(xì)可以搜索pageview無限輪播。

這種方法有一個(gè)要點(diǎn)就是要維護(hù)兩個(gè)索引，一個(gè)是內(nèi)部list的索引，一個(gè)是外部顯示的索引，由于list的容量是比顯示的數(shù)量多2的，所以如果要在外部進(jìn)行一些比如指示器或者計(jì)時(shí)器功能要進(jìn)行和頁面同步顯示或者切換頁面操作時(shí)，需要將顯示的索引轉(zhuǎn)換成list的索引。

不過網(wǎng)上說的都是一些比較簡單的實(shí)現(xiàn)，看到比較多的就是當(dāng)滑動(dòng)到要手動(dòng)切換的時(shí)候進(jìn)行一個(gè)時(shí)延，這樣可以避免直接切換頁面造成的卡頓和跳動(dòng)現(xiàn)象。但是存在一個(gè)問題，如果要同時(shí)實(shí)現(xiàn)一個(gè)跟隨頁面切換的指示器，就會(huì)出現(xiàn)當(dāng)頁面切換過去之后指示器才會(huì)跟著過去，因?yàn)轫撁媲袚Q的時(shí)候執(zhí)行了時(shí)延，而時(shí)延之后才會(huì)真正改變索引，此時(shí)才會(huì)setstate，之后指示器才能響應(yīng)到索引的切換，但是如果在時(shí)延之前就切換的話又會(huì)出現(xiàn)指示器先行的情況。因此這種方法其實(shí)是存在一些問題的。

所以解決這個(gè)問題的關(guān)鍵在于如何進(jìn)行頁面切換的判斷。這里可以有兩種思路實(shí)現(xiàn)，第一種是實(shí)現(xiàn)viewpage的onpagechanged方法，在里面進(jìn)行邏輯的判斷，然后用controller來進(jìn)行頁面跳轉(zhuǎn)，不過這種方法存在當(dāng)controller跳轉(zhuǎn)的時(shí)候又會(huì)回調(diào)onpagechanged，所以就會(huì)出現(xiàn)多次對(duì)索引不必要操作，而且如果有比如計(jì)時(shí)器等額外的功能的話可能不方便將頁面邏輯分開，而且依舊無法解決指示器延遲問題，同時(shí)也很難進(jìn)行細(xì)粒度的操作。

第二種方法我們就要去看pageview的源碼了，從源碼的角度來解決問題才是正確的方法。首先我們點(diǎn)進(jìn)去pageview的源碼

看到這里其實(shí)已經(jīng)有一些思路了，我們之前難點(diǎn)在于重寫了onpagechanged方法導(dǎo)致問題無法很好的解決，現(xiàn)在我們找到了onpagechanged調(diào)用的地方，只要找辦法避免掉就可以實(shí)現(xiàn)了。

當(dāng)然這里我們要說到NotificationListener，以及flutter對(duì)應(yīng)的冒泡事件傳輸機(jī)制，這里大家可以去看看這篇 文章 。

我來總結(jié)一下，其實(shí)就是flutter對(duì)于notification這個(gè)組件，有一中事件規(guī)則叫冒泡傳遞，底層的notification如果在它的 onNotification寫的邏輯中返回是false以及它不是根結(jié)點(diǎn)，就會(huì)去向上遍歷尋找它的祖先notification組件，知道遇到root節(jié)點(diǎn)或者某一個(gè)返回true，則事件傳遞結(jié)束。

而且在onNotification中可以對(duì)多種事件進(jìn)行監(jiān)聽和處理，所以我們可以把對(duì)viewpage頁面跳轉(zhuǎn)對(duì)索引處理的邏輯寫在這里，而且我們可以分別處理比如滑動(dòng)開始的start事件和結(jié)束的end事件，分別進(jìn)行細(xì)粒度的邏輯的處理，這樣就可以在外部進(jìn)行操作和別的功能實(shí)現(xiàn)了。

因此不僅無限輪播事件可以通過這種方法來解決，如果有其他的操作也可以這樣進(jìn)行處理，而且因?yàn)槲覀儧]有傳入onpagechanged方法，所以不存在多次調(diào)用的問題，pageview那里判斷onpagechanged是null方法就不會(huì)進(jìn)去了，會(huì)直接我們寫在pageview外面的notification的邏輯。

最后的結(jié)構(gòu)大概這樣

Flutter 手勢系列教程---Listener

Listener 它是主要的功能是用來監(jiān)聽屏幕觸摸事件，取決于它的子組件區(qū)域范圍，比如按下、移動(dòng)、抬起、取消等操作時(shí)可以添加監(jiān)聽。

我們知道 Flutter 組件只有按鈕才會(huì)有事件，那么如果我需要在文字或者某個(gè)容器上添加事件那我就需要借助 Listener

手勢系列視頻教程地址

Listener 常用于當(dāng)手指滑動(dòng)屏幕時(shí)進(jìn)行隱藏鍵盤或者下拉刷新、上拉加載時(shí)進(jìn)行事件監(jiān)聽。

一般在實(shí)際的開發(fā)過程中我們很少會(huì)用到 Listener 來監(jiān)聽手勢，一般都是通過 GestureDetector 來進(jìn)行監(jiān)聽或者使用 MouseRegion 來監(jiān)聽鼠標(biāo)的事件，而 MouseRegion 常用于web開發(fā)中， GestureDetector 常用于app。

我們經(jīng)常使用的回調(diào)函數(shù)主要有三個(gè)

我們這里主要是針對(duì) onPointerDown 、 onPointerMove 、 onPointerUp 進(jìn)行演示，因?yàn)槲覀冊谄綍r(shí)的開發(fā)過程中最常用到的屬性就是這三個(gè)，而且其他的屬性也都被廢棄掉了。

我們這里先點(diǎn)擊橙色容器，在點(diǎn)擊一次紅色容器，他們打印的結(jié)果如下。

PointerEvent 是觸摸、手寫筆、鼠標(biāo)事件的基類。

在上文中，我們知道了什么是 Listener 并寫了一個(gè)簡單的案例，在使用案例的過程中我們的事件里面都帶了一個(gè) event 參數(shù)，而所有的事件最終都是繼承自 PointerEvent ，那我們接下來看看 event 的參數(shù)有什么作用。

PointerEvent 的屬性非常多，但在我們實(shí)際的開發(fā)過程中很少會(huì)使用到，只有在特定的情景下才會(huì)使用對(duì)應(yīng)的屬性。

如需要做一個(gè)全局懸浮的按鈕我們會(huì)使用到 position

如需要做繪圖軟件我們需要用到 buttons 、 kind 等

所以大家可以根據(jù)實(shí)際的應(yīng)用場景來使用對(duì)應(yīng)的屬性即可，下面是我對(duì) PointerEvent 的屬性進(jìn)行的一個(gè)詳細(xì)描述。

behavior 屬性，它決定子組件如何響應(yīng)命中測試，它的值類型為 HitTestBehavior ，這是一個(gè)枚舉類，有三個(gè)枚舉值

對(duì)子組件一個(gè)接一個(gè)的進(jìn)行命中測試，如果子組件中有測試通過的，則當(dāng)前組件通過，這就意味著，如果指針事件作用于子組件上時(shí)，其父級(jí)組件也肯定可以收到該事件。

在命中測試時(shí)，將當(dāng)前組件當(dāng)成不透明處理(即使本身是透明的)，最終的效果相當(dāng)于當(dāng)前Widget的整個(gè)區(qū)域都是點(diǎn)擊區(qū)域

點(diǎn)擊組件透明區(qū)域時(shí)，可以對(duì)自身邊界內(nèi)及底部可視區(qū)域都進(jìn)行命中測試，這意味著點(diǎn)擊頂部組件透明區(qū)域時(shí)，頂部組件和底部組件都可以接收到事件

我們這里演示每次都是先點(diǎn)擊綠色盒子在點(diǎn)擊文字，以便大家能更好的分辨出這三個(gè)屬性的使用區(qū)別

Listener 是 Flutter 中比較重要的功能性組件，它主要的功能是用來監(jiān)聽屏幕觸摸事件，事件回調(diào)可以獲取對(duì)應(yīng)的屬性來個(gè)性化定制app功能。

分享標(biāo)題：flutter廣播監(jiān)聽,flutter播放音樂
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article24/dsgpdje.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、電子商務(wù)、響應(yīng)式網(wǎng)站、面包屑導(dǎo)航、域名注冊、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)