Как выровнять точки в строке и столбце во флаттере?

Question

Я хочу расположить точки, как показано на рисунке И я не знаю, как повторить то же самое в Row и Column

Answer 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,
        ),
      ),
    ),
  );
}