dottedcarasoulslider

dottedcarasoulslider Flutter widget adds dots to the carasoulslider .

demo

Features

  • adding a dots in a carsouls
  • simply add a colors and images

Getting started

To use this package, add dottedcarasoulslider as a dependency in your pubspec.yaml file.

Usage

  DottedCarasoulSlider(
        showArrows: true,
        showDots: true,
        lefticon: Icons.abc,
        righticon: Icons.access_time_filled_outlined,
        autoplay: true,
        reverse: false,
        dotDirectionBottom: 0,
        dotDirectionLeft: 0,
        dotDirectionRight: 0,
        dotDirectionTop: 0,
        dotActiveColor: Colors.red,
        dotInActiveColor: Colors.yellow,
        iconColor: Colors.blue,
        iconSize: 50,
        imgUrls: const [
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D",
          "https://images.unsplash.com/photo-1708200216317-84160f5e8db0?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwyOXx8fGVufDB8fHx8fA%3D%3D"
        ],
        duration: const Duration(seconds: 3),
        height: 100,
        width: MediaQuery.of(context).size.width,
        aspectRatio: 0.8,
      ),

See also

  • https://github.com/Sagarkhemnar8308/dottedcarasoulslider