flutter 简单的网格列表

在Flutter中，可以使用GridView小部件来创建一个简单的网格列表。以下是一个简单的例子，展示了如何创建一个带有固定交叉轴数量的GridView：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('简单网格列表'),
        ),
        body: GridView.count(
          crossAxisCount: 3, // 每行的列数
          children: List.generate(9, (index) {
            return Center(
              child: Text(
                'Item ${index + 1}',
                style: Theme.of(context).textTheme.headline,
              ),
            );
          }),
        ),
      ),
    );
  }
}

这段代码创建了一个有9个项的网格列表，每行有3个项。每个项都是由Text小部件构成的，并且使用了List.generate来生成一个小部件列表。这个例子展示了如何使用GridView.count来创建一个固定列数的网格布局。