如何在颤动中对齐行和列中的点？答案

【问题标题】：How to align the dots in a row and column in flutter?如何在颤动中对齐行和列中的点？
【发布时间】：2019-11-13 16:27:39
【问题描述】：

我想像图中所示排列点而且我不知道如何在Row 和Column 中重复这一点

【问题讨论】：

@CopsOnRoad 你能回答这个问题吗？
您是否尝试添加一列并在其中添加 5 行。在行内添加这些图像
你试过 GridView 了吗？
@VirenVVarasadiya 不，我没有尝试 GridView
这可以通过网格视图轻松实现，但该点不能位于屏幕中心。

标签： flutter dart alignment flutter-layout

【解决方案1】：

有很多方法可以做到这一点，比如Table，或者Row 和Column 的组合。但GridView 是最简单且推荐的。

@override
Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(),
    body: Container(
      padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 10),
      color: Colors.orange,
      child: GridView.builder(
        itemCount: 25,
        itemBuilder: (context, index) => Container(decoration: BoxDecoration(color: Colors.white70, shape: BoxShape.circle)),
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 5,
          mainAxisSpacing: 40,
          crossAxisSpacing: 50,
        ),
      ),
    ),
  );
}

【讨论】：

这行得通，我正在考虑制作一个功能，其中玩家（2人游戏）通过连接点画一条线（仅水平或垂直），并且完成正方形第四边的人应该玩再次。当所有盒子都着色时，游戏结束。当你得到建议时，我正在创造逻辑。
有2种方法，第一种（更简单），尝试像管灯一样在2个点之间做一个边框，最初它的颜色是浅白色，一个用户点击它，你可以改变它的颜色。第二种方法（有点复杂）是使用CustomPainter 允许用户在两个点之间画线，并将这种方法与DragTarget 结合起来。
其实我想做简单的点和盒子游戏..所以，我说的是当玩家触摸一个点时加入，当他到达另一个点时可以画一条线。我希望我能让你明白我想要什么。
是的，普里安卡，我完全明白你的意思，你需要的是CustomPainter，请参阅this example 如何画线，你所说的方法需要大量时间。
好的，我会注意的，只是建议我还应该阅读什么来做到这一点，我也会这样做。