Flutter carousel图像滑块在on tap事件期间打开单独的页面称为

import 'package:flutter/material.dart';

class CarouselPage extends StatelessWidget {
  final List<String> images = [
    'image1.jpg',
    'image2.jpg',
    'image3.jpg',
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Carousel Page'),
      ),
      body: ListView.builder(
        itemCount: images.length,
        itemBuilder: (context, index) {
          return GestureDetector(
            onTap: () {
              Navigator.push(
                context,
                MaterialPageRoute(
                  builder: (context) => DetailPage(image: images[index]),
                ),
              );
            },
            child: Image.asset(images[index]),
          );
        },
      ),
    );
  }
}

class DetailPage extends StatelessWidget {
  final String image;

  DetailPage({required this.image});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Detail Page'),
      ),
      body: Center(
        child: Image.asset(image),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: CarouselPage(),
  ));
}