解決Flutter Webview 在PageView TabView等中手勢不靈敏的問題

現(xiàn)象：在PageView TabView等可橫劃組件中，WebView的垂直手勢不靈敏。

創(chuàng)新互聯(lián)建站服務項目包括桑植網(wǎng)站建設、桑植網(wǎng)站制作、桑植網(wǎng)頁制作以及桑植網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，桑植網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到桑植省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

解決方案：

指定WebView只處理垂直手勢。

參考鏈接：

Flutter開發(fā)-屏蔽Widget的多點觸控行為

在Flutter中我們在 Widget 實現(xiàn)一些手勢交互通常會使用 GestureDetector 裝飾器來實現(xiàn)，但是默認情況下, widget 是支持多點觸控，但是在一些特定需求下，我們不需要多點觸控的操作，或者多點觸控反而給一些功能帶來麻煩，而且比較不方便的是，多點觸控無法通過操作 widget 或者 GestureDetector 來屏蔽掉。查閱了官方文檔發(fā)現(xiàn)的這個玩意： RawGestureDetector

大概意思是：一個小部件，用于檢測由給定手勢工廠描述的手勢。對于常用手勢，請使用GestureRecognizer。 RawGestureDetector主要在開發(fā)自己的手勢識別器時很有用。

例如：

我們可以通過RawGestureDetector來自定義手勢。

有時，你可能需要禁用多點觸摸或在Flutter應用程序中點擊小部件。 例如，有一個列表，并且一次只能單擊其中一項。 您不希望用戶同時用三個手指點擊或觸摸并立即選擇三個項。基本上，您要防止用戶多次點擊或多點觸摸。

我們先創(chuàng)建一個簡單的頁面，頁面加載一個 ListView.builder() ,

這個列表上的cell都支持多點觸控，效果圖：

【圖】

Flutter允許在 GestureRecognizer 基類的幫助下創(chuàng)建自定義手勢識別器小部件。 該類已經(jīng)有兩個抽象的實現(xiàn)，可以實現(xiàn)多次輕擊和單次輕擊手勢。

首先創(chuàng)建一個自定義窗口小部件，以使其子窗口小部件只能具有單一觸摸手勢。

在 build() 方法中，我們將返回僅支持單點觸摸手勢的手勢檢測器小部件。 因此，我們?yōu)榇藙?chuàng)建另一個名為 _SingleTouchRecognizer 的類

現(xiàn)在我們回到我們的 SingleTouchRecognizerWidget 中，通過 RawGestureDetector 裝飾器來定義我們剛才創(chuàng)建的單擊手勢檢測器：

現(xiàn)在， build() 方法返回了一個 RawGestureDetector ，該 RawGestureDetector 處理 _SingleTouchRecognizer 類中的手勢。接下來，我們需要在識別器類中實現(xiàn)這些方法。我們首先覆蓋 GestureRecognizer 的 addAllowedPointer 方法。

在這里， startTrackingPointer 方法注冊了將由識別器處理的相關事件。 然后， resolve() 負責確保是否允許繼續(xù)進行觸摸事件。

如果我們傳入 GestureDisposition.rejected ，則當前的觸摸事件無法處理。 因此，此觸摸事件將被傳遞并允許其繼續(xù)。 但是，如果傳遞了 GestureDisposition.accepted ，則將解析觸摸事件，并且不會再調用其他事件。

通過handleEvent函數(shù)重置控制變量_p的值。

這樣就完成了_SingleTouchRecognizer類的實現(xiàn)。

現(xiàn)在，只需要將該 Widget 包裹在想要支持單點觸控的 widget 外層即可。

參考文獻：

disable-multi-touch-on-a-widget-in-flutter

api.flutter.dev

Flutter了解之手勢

描述了屏幕上指針（觸摸、鼠標、觸控筆）的位置和移動。

Flutter中可以使用Listener(功能性組件)來監(jiān)聽原始觸摸事件

例1

例2

例3

忽略PointerEvent

手勢: 描述由一個或多個指針移動組成的語義動作，如拖動、縮放、雙擊等。

Material大多數(shù)widget已經(jīng)對tap或手勢做出了響應。 例如 IconButton和 FlatButton 響應單擊，ListView響應滑動事件觸發(fā)滾動。

用于手勢識別的功能性組件，通過它可以來識別各種手勢。

例（單擊）

例（添加Material觸摸水波效果 InkWell組件）

例（滑動關閉 Dismissable組件）

例（單擊、雙擊、長按）

例（滑動）

例（掃動---單一方向）

例（縮放）

GestureRecognizer是一個抽象類。

一種手勢的識別器對應一個GestureRecognizer的子類。

例

由于手勢競爭最終只有一個勝出者，所以，當有多個手勢識別器時，可能會產(chǎn)生沖突。

例

例

在APP中經(jīng)常會需要一個廣播機制，用以跨頁面通知。比如一個需要登錄的APP中，頁面會關注用戶登錄或注銷事件，來進行一些狀態(tài)更新。

這時候，一個事件總線便會非常有用，事件總線通常實現(xiàn)了訂閱者模式，訂閱者模式包含發(fā)布者和訂閱者兩種角色，可以通過事件總線來觸發(fā)事件和監(jiān)聽事件。

對于一些簡單的應用，事件總線是足以滿足業(yè)務需求的，如果決定使用狀態(tài)管理包的話，一定要想清楚APP是否真的有必要使用它，防止“化簡為繁”、過度設計。

例

在widget樹中，每一個節(jié)點都可以分發(fā)通知，通知會沿著當前節(jié)點向上傳遞，所有父節(jié)點都可以通過NotificationListener來監(jiān)聽通知。

Flutter中將這種由子向父的傳遞通知的機制稱為通知冒泡（Notification Bubbling）。

通知冒泡和用戶觸摸事件冒泡是相似的，但有一點不同：通知冒泡可以中止，但用戶觸摸事件不行。

通知冒泡和Web開發(fā)中瀏覽器事件冒泡原理是相似的，都是事件從出發(fā)源逐層向上傳遞，可以在上層節(jié)點任意位置來監(jiān)聽通知/事件，也可以終止冒泡過程，終止冒泡后，通知將不會再向上傳遞。

Flutter的UI框架實現(xiàn)中，除了在可滾動組件在滾動過程中會發(fā)出ScrollNotification之外，還有一些其它的通知，如SizeChangedLayoutNotification、KeepAliveNotification 、LayoutChangedNotification等，F(xiàn)lutter正是通過這種通知機制來使父元素可以在一些特定時機來做一些事情。

例

例

例

阻止冒泡

通知冒泡原理

Flutter 手勢指紋解鎖

??在最近做的一個Flutter項目中，需要用到手勢、指紋解鎖，這種需求在原生應用中非常常見，但Flutter中手勢密碼解鎖現(xiàn)有庫比較少、官方也僅提供有一個 local_auth 指紋庫，所以就自己寫了個手勢庫。

??其實實現(xiàn)這個自定義的手勢控件有很多思路，首先想到的是，要在View中創(chuàng)建9個圓，那么使用GridView再合適不過了，但是經(jīng)過嘗試，放棄了，這會使交互跟邏輯變的更加復雜，所以還是選擇直接繼承Widget，自己處理邏輯與手勢，那么下面就是需要處理的邏輯:

由于官方插件庫已經(jīng)提供有 local_auth 庫，在這里就不大贅述，具體使用就參考Flutter官方local_auth插件庫。

??如果在使用過程遇到問題，歡迎下方留言交流。

?? Pub 庫地址

Flutter WebView安卓端輸入框不能長按粘貼

Flutter項目中遇到在安卓端，輸入框不能長按粘貼，其它像iOS端、瀏覽器功能都是正常的。查詢各種資料，部分說是官方為了避免手勢沖突禁用了長按粘貼功能。各種查資料、各種嘗試都開啟不了這一功能，而項目緊急那只能曲線救國了。

第一個方案：

因為h5復制文本內容到剪貼板這塊是沒問題的，那么h5是否可以直接獲取剪貼板中的內容直接填寫到輸入框中，然而...，居然獲取不到，說啥子只有在IE瀏覽器中才管用。

第二個方案(最終方案)：

h5獲取不到，但原生端不是可以的嗎。最終流程，h5端輸入框開始編輯，去調用原生端方法，告知需要獲取剪貼板內容，原生端獲取剪貼板內容調用h5端方法同時傳值給h5端，最后輸入框中不就有值了嗎。

文章名稱：關于flutter手勢沖突的信息
當前鏈接：http://chinadenli.net/article34/dsiojse.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、云服務器、商城網(wǎng)站、動態(tài)網(wǎng)站、網(wǎng)站排名、面包屑導航

廣告

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