Center Offset of draggable widget?

[didi1150]

Whenever I try to drag a widget, it's not centered on my mouse/finger. It has a small offset, which makes it seem like the widget is being dragged behind the finger and not with it.

[SergeyShustikov]

Any update on this? I would like also see this feature!

[ZhuSky]

Need to modify the source code

The first step

Offset _touchOffset = Offset.zero;

Step 2

onPanStart: (details) {
  if (!widget.isDraggable) return;

  final RenderBox box = containerKey2.currentContext?.findRenderObject() as RenderBox;
  final localOffset = box.globalToLocal(details.globalPosition);
  _touchOffset = localOffset;

  setState(() {
    isDragging = true;
    widget.onDragging?.call(true);
  });
},

Step 3

onPanUpdate: (details) {
  if (!widget.isDraggable) return;

  final RenderBox overlay = context.findRenderObject() as RenderBox;
  final globalOffset = details.globalPosition;
  final localOffset = overlay.globalToLocal(globalOffset);

  setState(() {
    left = (localOffset.dx - _touchOffset.dx).clamp(0.0, width - widget.floatingWidgetWidth);
    top = (localOffset.dy - _touchOffset.dy).clamp(0.0, height - widget.floatingWidgetHeight);

    widget.onDragEvent?.call(left, top);

    isColliding = hasCollision(containerKey2, containerKey1);
  });
},

END