如何在颤动中将 3 行小部件设置为 3 列

Question

这是我想要的输出

这是我的输出

这是代码

ListView.builder(
            shrinkWrap: true,
            physics: BouncingScrollPhysics(),
            itemBuilder: (context, index) {
              final data = diseaseList[index];
              return     Padding(
              padding: const EdgeInsets.only(right: 25, left: 25, bottom: 15),
              child: FittedBox(
                child: Row(
                  children: [
                    DiseaseCard(
                      sectionName: data.diseaseName,
                      image: data.image,
                    ),
                  ],
                ),
              ),
            );
            
            },
            itemCount: diseaseList.length,
          )

如何在颤动中获得这样的精确输出？？？

Answer 1

尝试这个：

return MaterialApp(
  title: title,
  home: Scaffold(
    appBar: AppBar(
      title: const Text(title),),
    body: GridView.count(
      crossAxisCount: 3,
      children: List.generate(100, (index) {
        return Center(
          child: Text(
            'Item $index',
            style: Theme.of(context).textTheme.headline5,
          ),
        );
      }),
    ),
  ),
);

Answer 2

Flutter 为此提供了一个简单的类，您可以使用它创建一个 GridView。