Flutter组件GridView使用介绍

GridView是Flutter中用于构建网格列表的组件。以下是一个简单的GridView示例，展示了如何使用GridView.count构造函数创建一个具有固定列数的网格列表。

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('GridView 示例'),
        ),
        body: GridView.count(
          crossAxisCount: 3, // 设置网格的列数
          children: <Widget>[
            // 添加网格项，这里使用简单的容器作为示例
            Container(
              color: Colors.lightBlue,
              child: Center(
                child: Text('1'),
              ),
            ),
            Container(
              color: Colors.amber,
              child: Center(
                child: Text('2'),
              ),
            ),
            // ... 添加更多的网格项
          ],
        ),
      ),
    );
  }
}

这段代码创建了一个带有3列的GridView，并为其填充了几个简单的容器作为示例。可以根据需要添加更多的网格项或自定义样式。