flutter - 在 Flutter 的 for 循环中生成的 2 个文本小部件之间画线

Question

我正在尝试在我的颤振应用程序中创建一个迷你游戏。范围是将左栏的单词拖到右栏中具有相同含义的单词上，放开单词后，应在它们之间画一条线，如下所示：

为此，我在无状态小部件中有以下代码：

Row(
       mainAxisAlignment: MainAxisAlignment.spaceBetween,
             children: [
               Column(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 crossAxisAlignment: CrossAxisAlignment.end,
                 children: [
                   for (var answer in widget.task.answers!)
                     Draggable<String>(
                       child: Text(
                         answer.answerText,
                         style: kHelloTextStyle,
                       ),
                       feedback: Text(
                         answer.answerText,
                         style: kHelloTextStyle,
                       ),
                       childWhenDragging: Container(),
                       data: answer.answerText,
                     )
                 ],
               ),
               Column(
                 mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 crossAxisAlignment: CrossAxisAlignment.start,
                 children: [
                   for (var answer in widget.task.answers!)
                     DragTarget<String>(
                       builder: (context, incoming, rejected) {
                         return Container(
                           child: Text(
                             answer.alternate,
                             style: kHelloTextStyle,
                           ),
                         );
                       },
                       onAccept: (data) {
                         if (answer.answerText == data) {
                           print('correct');
                         } else {
                           print('incorrect');
                         }
                       },
                     ),
                 ],
               ),
             ],
           ), 

我的问题是：

如何获取拖动文本和 dragTarget 文本小部件的偏移量，以便在它们之间画一条线？

先感谢您！