dottedcarasoulslider
dottedcarasoulslider
Flutter widget adds dots to the carasoulslider .
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