flutter pub add holding_gesture基于插件公开信息、社区数据与项目使用情况整理的选型参考。
holding_gesture 包提供了一个自定义的 GestureDetector，当用户在特定小部件上按住指定时长时触发操作。它扩展了 Flutter 内置的 GestureDetector，具备专用的按住检测功能，可实现响应式且直观的交互，例如长按菜单、拖拽启动或上下文敏感控制。该包轻量且兼容所有主要平台，包括移动设备、网页和桌面端。它简化了基于按住手势的实现，无需编写样板代码。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
A customized GestureDetector that acts on holding a determined Widget.
import 'package:holding_gesture/holding_gesture.dart';
After importing, all you have to do is use HoldDetector the same way you already used GestureDetector! As it is on the documentation, its onTap override won't work when using a child that has onPressed or a similar callback, so you should pass the single tap behaviour to that.
HoldDetector(
onHold: _incrementCounter,
holdTimeout: Duration(milliseconds: 200),
enableHapticFeedback: true,
child: ElevatedButton(
onPressed: _incrementCounter,
child: Text("onHold"),
),
),
HoldTimeoutDetector works differently, you can use it to hold conditions or display something while the user is holding it for a predetermined time, and then execute an action after this duration passes, or canceling it if the hold action ceases. In the example, I'm using it to show a feedback on the button, and on the screen that something is loading, and then executing the increment once the timeout happens.
HoldTimeoutDetector(
onTimeout: () {
_incrementCounter();
_updateLoading(false);
},
onTimerInitiated: () => _updateLoading(true),
onCancel: () => _updateLoading(false),
holdTimeout: Duration(milliseconds: 3000),
enableHapticFeedback: true,
child: ElevatedButton.icon(
onPressed: () {},
label: Text("onTimeout"),
icon: _isLoading
? SizedBox(
width: 16,
height: 16,
child: CircularProgressIndicator(
strokeWidth: 2,
valueColor: AlwaysStoppedAnimation(Colors.white),
),
)
: Icon(Icons.timer_3),
),
),
The main example, above and in example/, is the same as the default Flutter app, with the adition of a haptic feedback to each tick and the ability to hold the button to keep adding to the counter.