pit_slider_carousel

Description:

pit slider carousel

PIT Slider Carousel #
This is a Carousel with dot indicator or page number.
Note: This Components is still under development, and might has so many bugs.
Installation #
First, add pit_slider_carousel as a dependency in your pubspec.yaml file.

pit_slider_carousel: ^0.1.0
copied to clipboard
Example #
Widget _buildCarousel() {
List<CarouselItem> list = [];
for (int i = 0; i < 21; i++) {
list.add(CarouselItem(
Container(
padding: EdgeInsets.symmetric(vertical: 16.0),
child: Container(
color: i % 2 == 0 ? Colors.red : Colors.blue,
child: Center(child: Text("${i}", style: TextStyle(fontSize: 32.0))),
)),
));
}

ctrl = CarouselController(carouselItems: list);

return new PitSliderCarousel(
maxDotsIndicator: 10,
dotSize: 6.0,
activeDotColor: Colors.amber,
dotColor: Colors.black,
useDot: true,
animationCurve: Curves.ease,
autoPlay: false,
dotPosition: Position(bottom: -10.0),
carouselController: ctrl);
}
copied to clipboard