您好,登錄后才能下訂單哦!
這篇文章主要為大家展示了Flutter AbsorbPointer和IgnorePointer有什么區別,內容簡而易懂,希望大家可以學習一下,學習完之后肯定會有收獲的,下面讓小編帶大家一起來看看吧。
Flutter是什么?
Flutter是Google一個新的用于構建跨平臺的手機App的SDK。寫一份代碼,在Android 和iOS平臺上都可以運行。
AbsorbPointer
AbsorbPointer是一種禁止用戶輸入的控件,比如按鈕的點擊、輸入框的輸入、ListView的滾動等,你可能說將按鈕的onPressed
設置為null,一樣也可以實現,是的,但AbsorbPointer可以提供多組件的統一控制,而不需要你單獨為每一個組件設置。
用法如下:
AbsorbPointer( child: Row( children: <Widget>[ RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), ], ), )
默認情況下,這些按鈕是否響應點擊事件的,如果想要響應點擊事件只需設置absorbing
為false即可:
AbsorbPointer( absorbing: false, ... )
IgnorePointer
IgnorePointer的用法和AbsorbPointer一樣,而且達到的效果一樣,用法如下:
IgnorePointer( child: Row( children: <Widget>[ RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), RaisedButton(onPressed: (){},), ], ), )
區別
AbsorbPointer
本身可以接收點擊事件,消耗掉事件,而IgnorePointer
無法接收點擊事件,其下的控件可以接收到點擊事件(不是子控件)。
如果有2個盒子,一個200x200的紅色盒子,一個100x100的藍色盒子,藍色盒子位于紅色盒子之上居中顯示,給2個盒子添加點擊事件,如下:
return Container( height: 200, width: 200, child: Stack( alignment: Alignment.center, children: <Widget>[ Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.red, ), ), Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.blue, width: 100, height: 100, ), ), ], ), );
點擊藍色盒子時,打印結果:
flutter: click blue
點擊藍色盒子區域以外的紅色盒子,打印結果:
flutter: click red
此時用AbsorbPointer
包裹藍色盒子:
return Container( height: 200, width: 200, child: Stack( alignment: Alignment.center, children: <Widget>[ Listener( onPointerDown: (v) { print('click red'); }, child: Container( color: Colors.red, ), ), Listener( onPointerDown: (v) { print('click blue self'); }, child: AbsorbPointer( child: Listener( onPointerDown: (v) { print('click blue child'); }, child: Container( color: Colors.blue, width: 100, height: 100, ), ), ), ), ], ), );
點擊藍色盒子,打印如下:
flutter: click blue self
說明AbsorbPointer
本身接收到了點擊事件,將AbsorbPointer
改為IgnorePointer
,打印如下:
flutter: click red
點擊事件穿透藍色盒子到紅色盒子,紅色盒子接收到了點擊事件。
使用場景
1、根據業務需求禁用/啟用多個組件。
2、根據業務需求禁用/啟用整個App。
以上就是關于Flutter AbsorbPointer和IgnorePointer有什么區別的內容,如果你們有學習到知識或者技能,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。