Dear Nikita

Firstly Thank you for this awesome package. Secondly Is there a way to change the direction of the indicator animation from LTR to RTL ??

Hi, my design calls for labels to appear briefly when a new page is chosen. Is that something that's easy to add? Fade in for a specified duration before disappearing. Thanks!

When the exception was thrown, this was the stack: #0 BoxConstraints.debugAssertIsValid..throwError (package:flutter/src/rendering/box.dart:510:9) #1 BoxConstraints.debugAssertIsValid. (package:flutter/src/rendering/box.dart:541:19) #2 BoxConstraints.debugAssertIsValid (package:flutter/src/rendering/box.dart:558:6) #3 new RenderConstrainedBox (package:flutter/src/rendering/proxy_box.dart:196:37) #4 SizedBox.createRenderObject (package:flutter/src/widgets/basic.dart:2077:12)

This is thrown with the following code.

Stack(
            children: <Widget>[
              SizedBox.expand(
                child: PageView(
                  controller: _pageController,
                  scrollDirection: Axis.vertical,
                  children: state.pages,
                ),
              ),
              Positioned(
                right: 10,
                child: ScrollingPageIndicator(
                  orientation: Axis.vertical,
                  itemCount: state.pages.length, // which is 0 currently
                  controller: _pageController,
                ),
              )
            ],
          );

Hi... I tried to use your widget as you suggested, but I get 34 dots, no matter what's itemCount value is

@override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.only(top: 16.0),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.stretch,
        mainAxisSize: MainAxisSize.min,
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Row(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Padding(
                    padding: const EdgeInsets.only(right: 8.0, left: 8.0),
                    child: CircleAvatar(
                      radius: 23,
                      child: CachedNetworkImage(
                        imageUrl: widget.post.owner.profilePicture,
                      ),
                    ),
                  ),
                  Text(widget.post.owner.name),
                ],
              ),
              IconButton(
                icon: Icon(Icons.more_vert),
                onPressed: null,
              )
            ],
          ),
          Padding(
            padding: const EdgeInsets.only(top: 8.0, bottom: 8.0),
            child: AspectRatio(
              aspectRatio: widget.post.items[_currentPage].ratio,
              child: Stack(
                children: [
                  Positioned.fill(
                    child: PageView.builder(
                      onPageChanged: _onPageChanged,
                      controller: _pageController,
                      itemCount: widget.post.items?.length ?? 0,
                      itemBuilder: (context, index) {
                        return _buildPostItemViewHolder(index);
                      },
                    ),
                  ),
                ],
              ),
            ),
          ),
          ScrollingPageIndicator(
            dotColor: Colors.grey,
            dotSelectedColor: Colors.deepPurple,
            dotSize: 6,
            dotSelectedSize: 8,
            dotSpacing: 12,
            controller: _pageController,
            itemCount: widget.post.items.length,
            orientation: Axis.horizontal,
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,
                children: <Widget>[
                  IconButton(
                    alignment: Alignment.center,
                    padding: EdgeInsets.all(0),
                    icon: Icon(Icons.favorite_border),
                    onPressed: null,
                  ),
                  IconButton(
                    alignment: Alignment.center,
                    padding: EdgeInsets.all(0),
                    icon: Icon(Icons.comment),
                    onPressed: null,
                  ),
                  IconButton(
                    padding: EdgeInsets.all(0),
                    icon: Icon(Icons.send),
                    onPressed: null,
                  ),
                ],
              ),
              IconButton(
                icon: Icon(Icons.bookmark_border),
              ),
            ],
          ),
        ],
      ),
    );
  }

I even tried to set a exact value to itemCount like itemCount: 2 but get same result everytime

When the swiper is set to loop the pages (either manually or automatically) the dots will not have the correct fade animation from the last page to the first. The last dot will fade out but the first dot will not fade in.

I'm using it together with https://pub.dev/packages/flutter_swiper

bug_looping.mov.zip

Change these file in the example directory to get a test with a looping flutter_swiper demo: swiper_example.zip

Hey, it's not a big deal, but it would help if the fields that can't be null are required so we don't have to find out about errors at runtime. Suggested edits:

 ScrollingPageIndicator({
    Key key,
    @required this.itemCount,
    @required this.controller,
    this.dotSize: 6.0,
    this.dotSelectedSize = 10.0,
    this.dotColor: Colors.grey,
    this.dotSelectedColor = Colors.blueGrey,
    this.dotSpacing = 12.0,
    this.visibleDotCount = 5,
    this.visibleDotThreshold = 2,
    this.orientation = Axis.horizontal
  })
      : assert(itemCount != null),
        assert(controller != null),
        assert(visibleDotCount % 2 != 0),
        super(key: key);