Flutter中Draggable组件点击时feedback widget偏移问题求助

问题出在你复用了同一个userCard实例同时作为Draggable的child和feedback。Flutter不允许同一个Widget实例被挂载到Widget树的多个位置，这会导致布局计算混乱，进而出现反馈视图偏移、拖拽未开始就触发onDragEnd的异常。

修正方案： #

• 创建独立的Widget实例
  不要复用同一个userCard，分别为child和feedback创建新的UserCard实例：

  body: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
    Draggable(
      feedback: UserCard(user: User.users[0]),
      onDragEnd: (drag) {
        print(drag.velocity.pixelsPerSecond.dx);
        if (drag.velocity.pixelsPerSecond.dx < 0.0) {
          print('Swiped Left');
        } else {
          print('Swiped Right');
        }
      },
      child: UserCard(user: User.users[0]),
      //childWhenDragging: UserCard(user: User.users[1]),
    ),
  ])
  

• 如果是有状态组件，用Builder包裹反馈视图
  若UserCard是有状态Widget，用Builder确保每次构建反馈视图时生成新的实例：

  Draggable(
    feedback: Builder(
      builder: (context) => UserCard(user: User.users[0]),
    ),
    onDragEnd: (drag) {
      // 回调逻辑不变
    },
    child: UserCard(user: User.users[0]),
  )
  

只要保证child和feedback是独立的Widget实例，即使数据源相同（比如同一个User对象），也能保持视觉一致性，同时解决布局异常问题。

内容的提问来源于stack exchange，提问作者who-aditya-nawandar