如何在Flutter网格视图中为Json对象创建事件侦听器

import 'dart:convert';

import 'package:flutter/material.dart';

class MyDataModel {
  final String name;
  final String description;

  MyDataModel({required this.name, required this.description});
}

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

class MyApp extends StatelessWidget {
  final String jsonStr = '''
    [
      {"name": "Item 1", "description": "Description 1"},
      {"name": "Item 2", "description": "Description 2"},
      {"name": "Item 3", "description": "Description 3"},
      {"name": "Item 4", "description": "Description 4"}
    ]
  ''';

  @override
  Widget build(BuildContext context) {
    List<MyDataModel> data = json.decode(jsonStr)
        .map<MyDataModel>((item) => MyDataModel(
              name: item['name'],
              description: item['description'],
            ))
        .toList();

    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Grid View with Event Listeners'),
        ),
        body: GridView.builder(
          itemCount: data.length,
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
          ),
          itemBuilder: (BuildContext context, int index) {
            return GestureDetector(
              onTap: () {
                showDialog(
                  context: context,
                  builder: (BuildContext context) {
                    return AlertDialog(
                      title: Text(data[index].name),
                      content: Text(data[index].description),
                      actions: [
                        TextButton(
                          onPressed: () {
                            Navigator.of(context).pop();
                          },
                          child: Text('Close'),
                        ),
                      ],
                    );
                  },
                );
              },
              child: Card(
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Icon(Icons.image),
                    Text(data[index].name),
                  ],
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}