Flutter Smooth PageView indicators

Current page is out of bounds 'package:smooth_page_indicator/src/painters/indicator_painter.dart': Failed assertion: line 26 pos 16: 'offset.ceil() < count'

Required horizontal scroll for ExpandingDotsEffect when no. of dots goes beyond screen. It works well when there are few pages. But no of pages are big then it sense like there is no indication for current page.

Please, add loop for SmoothPageIndicator. I can make loop in scroll page view, like that PageView.builder( __controller: pageController, __ onPageChanged: (int page) {}, itemBuilder: (context, index) { return _children[index % _children.length]; }, ), but for SmoothPageIndicator is not available .

I'm using this as part of a wizard-like question form. Once a user has successfully completed a section, or chosen to skip, we move on to the next screen. I'd like to be able to set the colour of the indicator to reflect the completed or skipped state.

Ideally, there'd be a way to specify the appearance of a dot at a given index, maybe via a builder.

The plugin takes a pageview controller as a required parameter, so I can't seem to use it with alternatives such as carousel_slider, is there any way to use the two.

It would be very pleasing if we can see a support for ValueNotifier since we may use this not only with PageView. For example i am using a CarouselSlider and therefore it would be nice to have this feature :)

The active dot misses the underlying dot with approximately 1 pixel when I use ScrollEffect. This does not occur for other effects afaik.

Thanks for a great package!

Currently the package does not support using it with PageView's scrollDirection: Axis.vertical.

Instead of rendering this:

It should render in Y axis:

Maybe a parameter scrollDirection must be implemented:

SmoothPageIndicator(
  controller: pageController,
  scrollDirection: Axis.vertical,
);

Would be really great to have onClick propery on SmoothPageIndicator, something that looks like this:

SmoothPageIndicator(
    count: 3,
    controller: _c,
    onClick: (int page){
        // todo
    });

Hi! I have been looking through your work and found out that on modifications of the initial page on the PageController, on the first visualization the dot is active at the first place anyway. I am using this: final pageCtrl = PageController(viewportFraction: 1.0, initialPage: 1); Together with the following indicator: child: SmoothPageIndicator( controller: pageCtrl, count: 2, effect: ColorTransitionEffect(), ),

So, the dot on 0 is marked but the page on 1 is displayed. I found it a bit randomly and do not need it! But I though maybe you'd like to know :) Thanks for developing!

Hey guys,

I'm moving over from using dots_indicator (https://pub.dev/packages/dots_indicator) since you guys have a nicer UI and customization options, but I'm realizing I can't have control of each individual dotColor.

dots_indicator allows you to specify a list of dotColors which allows for far more custom implementations.

I'm wondering if this is a feature that others might also enjoy?

Thanks.

AnimatedSmoothIndicator with ScaleEffect has an additional margin on the right size, which causes a slight offset when wrapping the indicator in a Center widget.

These are the settings I'm using:

AnimatedSmoothIndicator(
    activeIndex: index,
    count: count,
    effect: ScaleEffect(
        activeDotColor: colorScheme.primary,
        dotColor: colorScheme.primaryContainer,
        spacing: 8,
        dotWidth: 8,
        dotHeight: 8,
    ),
),

This is the result with Show guidelines enabled:

The margin on the right shouldn't be there.

before SmoothPageIndicator works fine with CarouselSlider since it just needs an activeIndex, but the current version of SmoothPageIndicator need a Pagecontroller, and what I have is a CarouselController, how could I transfer this CarouselController to a pagecontroller?

SmoothPageIndicator(
              controller: _pageController // here I only have a CarouselController
              count: controller.photoFrameList.length + 1,
              effect: WormEffect(
                activeDotColor: AppColors.sadColor,
                dotColor: AppColors.sadColor.withOpacity(0.4),
                dotHeight: 8,
                dotWidth: 8,
                type: WormType.thin,
                // strokeWidth: 5,
              ),
            ),

thank you!

on adding smooth_page_indicator: ^1.0.0+2 in pubsec.yml

it always through an error with the message:

pub get failed (server unavailable) -- attempting retry 1 in 1 second...```