如何在flutter中单击交错网格视图中的项目

dependencies:
  flutter_staggered_grid_view: ^0.4.0

import 'package:flutter/material.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';

class MyGridView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return StaggeredGridView.countBuilder(
      crossAxisCount: 2, // 列数
      itemCount: 10, // 项目数量
      itemBuilder: (BuildContext context, int index) => GestureDetector(
        onTap: () {
          // 处理单击事件
          print('点击了项目 $index');
        },
        child: Container(
          // 项目的内容
          child: Text('项目 $index'),
        ),
      ),
      staggeredTileBuilder: (int index) =>
          StaggeredTile.count(1, index.isEven ? 1.2 : 1), // 项目的大小
      mainAxisSpacing: 8.0, // 主轴间距
      crossAxisSpacing: 8.0, // 交叉轴间距
    );
  }
}

import 'package:flutter/material.dart';

class MyPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('交错网格视图'),
      ),
      body: MyGridView(),
    );
  }
}