如何创建可在上/下/左/右挥动的窗口小部件？

如何解决如何创建可在上/下/左/右挥动的窗口小部件？

如何创建可以在上/下/左/右挥动的卡片？

我看到可以使用 PageView ，但这仅适用于上下左右方向。

那么如何结合所有方向来检测挥动中的Wigdet？

谢谢！

解决方法

您可以将“ PageView”用作另一个“ PageView”的子代：

class _TrainigState extends State<TrainingPage> {

  PageController hPagerController = PageController(keepPage: true);
  PageController vPagerController = PageController(keepPage: true);
  double mWidth;
  double mHeight;

  @override
  Widget build(BuildContext context) {

    mWidth = MediaQuery.of(context).size.width;
    mHeight = MediaQuery.of(context).size.height;
    return PageView(
      controller: hPagerController,children: [
        _verticalPageView([Colors.blue,Colors.purpleAccent,Colors.pinkAccent,Colors.orangeAccent]),_verticalPageView([Colors.yellow,Colors.orange,Colors.deepOrange,Colors.red]),_verticalPageView([Colors.green,Colors.lightGreenAccent,Colors.greenAccent,Colors.lightBlueAccent]),],);
  }

  Widget _verticalPageView(List colors) {
    return PageView(
      controller: vPagerController,scrollDirection: Axis.vertical,children: [
        Container(
          width: mWidth,height: mHeight,color: colors[0],),Container(
          width: mWidth,color: colors[1],color: colors[2],color: colors[3],);
  }

}

我希望它对您有用。