如何在Gridview.builder中弹出真实尺寸的图片

dependencies:
  flutter_zoomable_image: ^1.0.0

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

class ImageGrid extends StatelessWidget {
  final List<String> images = [
    'image_url_1',
    'image_url_2',
    'image_url_3',
    // 添加更多图片URL
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: GridView.builder(
        itemCount: images.length,
        gridDelegate:
            SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
        itemBuilder: (BuildContext context, int index) {
          return GestureDetector(
            onTap: () {
              showDialog(
                context: context,
                builder: (BuildContext context) {
                  return Dialog(
                    child: Container(
                      height: 300,
                      child: ZoomableImage(
                        imageUrl: images[index],
                        backgroundColor: Colors.transparent,
                        placeholder: const Center(
                          child: CircularProgressIndicator(),
                        ),
                        errorWidget: const Icon(Icons.error),
                      ),
                    ),
                  );
                },
              );
            },
            child: Image.network(images[index]),
          );
        },
      ),
    );
  }
}