Flutter：能否修改Draggable组件feedback部件的鼠标光标？

以下是几种开发者验证过的可行实现方式：

• 结合MouseRegion与Draggable状态控制
  通过Draggable的拖拽状态回调切换光标，同时给feedback组件单独设置光标，确保拖拽过程中显示正确：

  bool _isDragging = false;
  
  @override
  Widget build(BuildContext context) {
    return MouseRegion(
      cursor: _isDragging ? SystemMouseCursors.grabbing : SystemMouseCursors.grab,
      child: Draggable(
        onDragStarted: () => setState(() => _isDragging = true),
        onDragEnd: (_) => setState(() => _isDragging = false),
        feedback: MouseRegion(
          cursor: SystemMouseCursors.grabbing,
          child: Container(
            width: 100,
            height: 100,
            color: Colors.blue.withOpacity(0.7),
            child: const Center(child: Text("拖拽中")),
          ),
        ),
        child: Container(
          width: 100,
          height: 100,
          color: Colors.blue,
          child: const Center(child: Text("可拖拽")),
        ),
      ),
    );
  }
  

• 用Listener监听手势补充控制
  若Draggable的状态回调不够灵敏，可通过Listener监听指针事件来控制光标状态：

  bool _isDragging = false;
  
  @override
  Widget build(BuildContext context) {
    return Listener(
      onPointerDown: (_) => setState(() => _isDragging = true),
      onPointerUp: (_) => setState(() => _isDragging = false),
      onPointerCancel: (_) => setState(() => _isDragging = false),
      child: MouseRegion(
        cursor: _isDragging ? SystemMouseCursors.grabbing : SystemMouseCursors.grab,
        child: Draggable(
          feedback: MouseRegion(
            cursor: SystemMouseCursors.grabbing,
            child: Container(
              width: 100,
              height: 100,
              color: Colors.green.withOpacity(0.7),
              child: const Center(child: Text("拖拽中")),
            ),
          ),
          child: Container(
            width: 100,
            height: 100,
            color: Colors.green,
            child: const Center(child: Text("可拖拽")),
          ),
        ),
      ),
    );
  }
  

• 关键注意点

  • 必须给feedback组件单独添加MouseRegion，因为它是独立于原组件的悬浮层，不单独设置的话拖拽时光标可能会变回默认样式。
  • 桌面端Flutter建议使用稳定版3.0+，旧版本存在光标切换不及时的bug。
  • 不要全局设置光标，避免影响其他组件的正常光标显示逻辑。

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