如何:创建不是GridView但在CustomScrollView中滚动的动态图像网格？(Flutter-Web)

import 'package:flutter/material.dart';

class DynamicImageGrid extends StatelessWidget {
  final List<String> imageUrls;

  DynamicImageGrid({required this.imageUrls});

  @override
  Widget build(BuildContext context) {
    return CustomScrollView(
      slivers: [
        SliverGrid(
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 3, // 每行显示的图片数量
            mainAxisSpacing: 10.0, // 主轴方向的间距
            crossAxisSpacing: 10.0, // 交叉轴方向的间距
          ),
          delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              return Image.network(
                imageUrls[index],
                fit: BoxFit.cover,
              );
            },
            childCount: imageUrls.length,
          ),
        ),
      ],
    );
  }
}

class HomePage extends StatelessWidget {
  final List<String> imageUrls = [
    'https://example.com/image1.jpg',
    'https://example.com/image2.jpg',
    'https://example.com/image3.jpg',
    // 添加更多图片URL
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Dynamic Image Grid'),
      ),
      body: DynamicImageGrid(imageUrls: imageUrls),
    );
  }
}