flutter写一个轮播图

以下是一个基本的Flutter轮播图示例：

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

class MyCarousel extends StatefulWidget {
  @override
  _MyCarouselState createState() => _MyCarouselState();
}

class _MyCarouselState extends State<MyCarousel> {
  int _current = 0;
  List<String> _images = [
    'https://picsum.photos/id/1015/600/400',
    'https://picsum.photos/id/1016/600/400',
    'https://picsum.photos/id/1018/600/400',
    'https://picsum.photos/id/1019/600/400'
  ];

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        CarouselSlider(
          items: _images.map((image) {
            return Container(
              margin: EdgeInsets.all(5),
              child: ClipRRect(
                borderRadius: BorderRadius.all(Radius.circular(5)),
                child: Image.network(image, fit: BoxFit.cover, width: 1000),
              ),
            );
          }).toList(),
          options: CarouselOptions(
              autoPlay: true,
              enlargeCenterPage: true,
              aspectRatio: 2.0,
              onPageChanged: (index, reason) {
                setState(() {
                  _current = index;
                });
              }),
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: _images.map((image) {
            int index = _images.indexOf(image);
            return Container(
              width: 8,
              height: 8,
              margin: EdgeInsets.symmetric(vertical: 10, horizontal: 2),
              decoration: BoxDecoration(
                shape: BoxShape.circle,
                color: _current == index
                    ? Colors.blueAccent
                    : Colors.grey[400],
              ),
            );
          }).toList(),
        ),
      ],
    );
  }
}

这个示例使用了一个第三方库`carousel_slider`来实现轮播图。首先在`pubspec.yaml`文件中添加依赖：

dependencies:
  flutter:
    sdk: flutter
  carousel_slider: ^4.0.0

然后在代码中导入：

import 'package:carousel_slider/carousel_slider.dart';

在`_MyCarouselState`类中定义了一个`_current`变量来跟踪当前轮播图的索引。然后定义了一个包含图像URL的列表`_images`。在`build`方法中，使用`CarouselSlider`小部件来创建轮播图。`items`属性接受一个包含所有要显示的小部件的列表。在这个示例中，我们将图像映射到一个包含图像的容器中，并将它们放在一个`ClipRRect`小部件中，以便将它们的边角切成圆角。

`options`属性接受一个`CarouselOptions`对象，其中包括自动播放、放大中心页面、宽高比和页面更改回调等选项。

在`onPageChanged`回调中，我们使用`setState`方法来更新`_current`变量。最后，我们创建了一个包含小圆点指示器的行，以便用户可以看到当前显示的页面。这个小圆点指示器使用`_images`列表中的图像来创建，并基于当前索引来高亮显示当前页面。