pit_slider_carousel 0.1.0 copy "pit_slider_carousel: ^0.1.0" to clipboard
pit_slider_carousel: ^0.1.0 copied to clipboard

this is a carousel with dot indicator which max dot can be set or page number

example/lib/main.dart

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

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  CarouselController ctrl;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
          appBar: AppBar(
            title: const Text('Carousel Example'),
          ),
          body: _buildCarousel()),
    );
  }

  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);
  }
}
6
likes
20
pub points
49%
popularity

Publisher

unverified uploader

this is a carousel with dot indicator which max dot can be set or page number

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on pit_slider_carousel