Untitled

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

class ExampleWidget extends StatefulWidget {
  @override
  _ExampleWidgetState createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  @override
  Widget build(BuildContext context) {
    final items = [
      Image.network('https://i.imgur.com/Y3UejT0.jpg'),
      Image.network('https://i.imgur.com/KNFL3qd.jpg'),
      Image.network('https://i.imgur.com/fxAH9HY.jpg'),
      Image.network('https://i.imgur.com/9GkgdKx.jpg'),
    ];

    int currentIndex = 0;

    return Scaffold(
      body: SingleChildScrollView(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            100.height,
            CarouselSlider(
              options: CarouselOptions(
                autoPlay: true,
                aspectRatio: 2.0,
                enlargeCenterPage: true,
                onPageChanged: (index, reason) {
                  setState(() {
                    currentIndex = index;
                  });
                },
              ),
              items: items,
            ),
            AnimatedSmoothIndicator(
              activeIndex: currentIndex,
              count: items.length,
              effect: JumpingDotEffect(
                  dotHeight: 10,
                  dotWidth: 10,
                  dotColor: Colors.grey,
                  activeDotColor: Colors.green),
            )
            /*  DotsIndicator(
              dotsCount: items.length,
              position: currentIndex.toDouble(),
            )*/
          ],
        ),
      ),
    );
  }
}