dart - Flutter 中的可拖动 FloatingActionButton

Question

我想制作一个可拖动的 float 按钮，如果可能的话，在控制台中打印拖动位置。

Answer 1

由于能够以任何你想要的方式组合 Flutter 小部件，你可以简单地这样做:

Draggable(
    feedback: FloatingActionButton(child: Icon(Icons.drag_handle), onPressed: () {}),
    child: FloatingActionButton(child: Icon(Icons.drag_handle), onPressed: () {}),
    childWhenDragging: Container(),
    onDragEnd: (details) => print(details.offset))

这Draggable可以作为 floatingActionButton 参数传递给 Scaffold。
feedback 参数控制最终被拖动的小部件 的外观，child 指定静止的Draggable 应该看起来像。由于您可能只想一次看到一个 FloatingActionButton ，您可以传递一个空Container 到 childWhenDragging。

拖动的Offset(位置)将在释放拖动时打印到控制台。