Flutter Stack嵌套场景下Draggable组件拖拽无法移动修复

拖拽时看不到组件跟手位移，核心是两个直接问题：

• 你给Draggable传的feedback参数是仅设置了高度的空SizedBox，这个参数才是拖拽过程中悬浮跟手的组件，空组件没有样式、没有宽度，渲染出来完全透明，自然看起来没有任何跟手效果。
• 外层Palette组件绑定的onHorizontalDragUpdate手势会和内部积木的Draggable产生手势竞争，横向拖动时容易被侧边栏滑动逻辑拦截，打断拖拽反馈的位置更新。
  onDragStarted能正常触发说明手势识别本身没问题，只是反馈组件没写对+手势冲突打断了拖拽流程。

1. 补全Draggable的feedback配置，传入和原积木样式一致的组件作为拖拽跟手的反馈层，同时配置childWhenDragging定义拖拽时原位置的占位效果，可选加dragAnchorStrategy: pointerDragAnchorStrategy让手指锚点贴合积木，跟手体验更接近Scratch原生效果。
2. 解决手势冲突：拖拽积木时临时禁用侧边栏的横向滑动响应，避免外层手势抢事件。

// PaletteBlock 部分修改
class PaletteBlock extends StatelessWidget {
  PaletteBlock({required this.block});
  final Block block;

  Widget _buildBlock() {
    return Container(
      width: TangibleConstant.paletteBlockWidth,
      height: TangibleConstant.paletteBlockHeight,
      decoration: BoxDecoration(
        borderRadius: BorderRadius.all(Radius.circular(10)),
        color: TangibleColors.blockPurple,
        border: Border.all(color: Colors.deepPurple),
      ),
      child: Center(
        child: Text(
          block.opcode,
          style: TangibleTheme.standard.textTheme.headline4,
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Draggable(
      data: block,
      // 拖拽跟手的反馈组件，加轻微透明度区分拖拽态
      feedback: Opacity(
        opacity: 0.8,
        child: _buildBlock(),
      ),
      // 原位置占位组件，半透明提示积木正在被拖拽
      childWhenDragging: Opacity(
        opacity: 0.3,
        child: _buildBlock(),
      ),
      // 锚点跟随手指位置，优化跟手体验
      dragAnchorStrategy: pointerDragAnchorStrategy,
      child: _buildBlock(),
    );
  }
}

// Palette 部分修改，解决手势冲突
class Palette extends StatefulWidget {
  const Palette({Key? key}) : super(key: key);

  @override
  State<Palette> createState() => _PaletteState();
}

class _PaletteState extends State<Palette> {
  bool _isDraggingBlock = false;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () => _onTap(context),
      // 拖拽积木时禁用侧边栏横向滑动，避免抢手势
      onHorizontalDragUpdate: _isDraggingBlock ? null : (details) =>
          _onHorizontalDragUpdate(context, details),
      child: Container(
        width: TangibleConstant.paletteWidth,
        height: TangibleConstant.paletteHeight,
        decoration: BoxDecoration(
          borderRadius: BorderRadius.all(Radius.circular(10)),
          color: TangibleColors.studioTeal,
        ),
        child: Listener(
          // 用底层指针事件判断是否在操作积木，不拦截组件本身的手势
          onPointerDown: (_) => setState(() => _isDraggingBlock = true),
          onPointerUp: (_) => setState(() => _isDraggingBlock = false),
          child: PaletteBlocks(),
        ),
      ),
    );
  }

  // 原有业务逻辑保留
}

补充说明：Draggable的feedback默认会挂载到应用全局的Overlay根节点，不会被你当前的Stack、Positioned、ListView这些父组件的布局边界限制，只要feedback组件正确配置，就能全局跟手显示，不需要额外修改布局结构。

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