如何在颤动中对齐行和列中的点?

Pri*_*nca 3 alignment dart flutter flutter-layout

我想排列如图所示的点我不知道如何在 aRowColumn 在此处输入图片说明

Cop*_*oad 5

在此处输入图片说明

有很多方法可以做到这一点,例如Table, orRowColumn组合。但是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,
        ),
      ),
    ),
  );
}
Run Code Online (Sandbox Code Playgroud)