Flutter如何实现按钮按住期间持续调用指定函数

完全可以实现该交互，无需引入第三方依赖，核心逻辑是：在按压开始时启动周期性定时器，按固定时间间隔重复调用目标函数，在按压结束、手势取消、组件销毁时取消定时器终止调用即可，适配任意类型的自定义按钮、官方组件按钮。

• 维护一个Timer实例作为周期调度的载体
• onLongPressStart回调触发时初始化定时器，可设置自定义的执行间隔，建议触发时先立即执行一次目标函数，避免等待首个间隔带来的滞后感
• 在onLongPressEnd、onLongPressCancel回调中取消定时器，覆盖手指松开、手指滑出按钮区域等所有终止场景
• 组件销毁时主动检查并取消定时器，避免内存泄漏

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

class ContinuousPressBtn extends StatefulWidget {
  const ContinuousPressBtn({
    super.key,
    required this.targetAction,
    this.executeInterval = const Duration(milliseconds: 100),
    required this.child,
  });

  // 持续按压时需要反复执行的目标函数
  final VoidCallback targetAction;
  // 函数执行间隔，可根据业务场景自定义
  final Duration executeInterval;
  // 自定义按钮内容
  final Widget child;

  @override
  State<ContinuousPressBtn> createState() => _ContinuousPressBtnState();
}

class _ContinuousPressBtnState extends State<ContinuousPressBtn> {
  Timer? _pressTimer;

  void _startExecute() {
    // 首次立即执行，交互更跟手
    widget.targetAction();
    _pressTimer = Timer.periodic(widget.executeInterval, (_) {
      widget.targetAction();
    });
  }

  void _stopExecute() {
    _pressTimer?.cancel();
    _pressTimer = null;
  }

  @override
  void dispose() {
    _stopExecute();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onLongPressStart: (_) => _startExecute(),
      onLongPressEnd: (_) => _stopExecute(),
      // 处理手势滑出按钮区域的取消场景
      onLongPressCancel: () => _stopExecute(),
      child: widget.child,
    );
  }
}

• 如果不需要等待系统默认的长按判定阈值（约500ms），想要手指按下立刻开始持续触发，只需要把代码里的onLongPressStart/onLongPressEnd/onLongPressCancel替换为onTapDown/onTapUp/onTapCancel即可
• 做数值加减、快进快退类交互时，100ms-200ms的执行间隔手感最佳，可根据业务需求自行调整
• 该组件可以直接包裹任意按钮控件，比如ElevatedButton、IconButton、自定义样式的Container，不需要修改原有按钮的UI逻辑

内容的提问来源于stack exchange，提问作者Thomas Baracco