Flutter:使用 Grid 拖放

Question

我想创建一个小部件，您可以在其中添加多个不同大小的小部件，并可以使用拖放技术更改它们的位置。类似于带有拖放功能的 GridView ，您可以在其中水平和垂直更改位置。当您拖动选定的小部件时，其他小部件将四处移动以为其打开空间。

有没有人有任何建议从哪里开始，或者已经有一些例子可以实现我正在寻找的东西？

Answer 1

你也可以试试这个更简单的(不包括反馈)

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(home: Scaffold(body: HomePage()));
  }
}

class HomePage extends StatefulWidget {
  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  Offset offset = Offset.zero;

  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Positioned(
          left: offset.dx,
          top: offset.dy,
          child: GestureDetector(
            onPanUpdate: (details) {
              setState(() {
                offset = Offset(offset.dx + details.delta.dx, offset.dy + details.delta.dy);
              });
            },
            child: Container(width: 100, height: 100, color: Colors.blue),
          ),
        ),
      ],
    );
  }
}