在flutter中使用add按钮处理网格列表视图

import 'package:flutter/material.dart';

class MyGridView extends StatefulWidget {
  @override
  _MyGridViewState createState() => _MyGridViewState();
}

class _MyGridViewState extends State<MyGridView> {
  List<String> items = []; // 网格列表数据

  @override
  Widget build(BuildContext context) {
    return GridView.builder(
      gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 2, // 每行显示的网格数量
      ),
      itemCount: items.length,
      itemBuilder: (BuildContext context, int index) {
        return GridTile(
          child: Text(items[index]),
        );
      },
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Grid View Example'),
        ),
        body: MyGridView(), // 使用自定义的网格列表视图
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 处理"add"按钮点击事件
            setState(() {
              items.add('New Item'); // 向网格列表中添加新的项
            });
          },
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

void main() {
  runApp(MyApp());
}