Home > Back-end >  How can I apply a circular smooth indicator border like this?
How can I apply a circular smooth indicator border like this?

Time:06-22

I want to know how to add a border like this, using enter image description here

My Code:

             SmoothPageIndicator(
                controller: pageController,
                count: containers.length,
                effect: const ScaleEffect(
                  scale: 1,
                  dotHeight: 9,
                  dotWidth: 9,
                  dotColor: Colors.white,
                  activePaintStyle: PaintingStyle.stroke,
                  strokeWidth: 2,
                ),
              ),

enter image description here

CodePudding user response:

It is there in their documentation. I hope this helps and you can change the color you want.

 ScaleEffect(
   scale: 1.5,
   dotHeight: 10,
   dotWidth: 10,
   dotColor: Colors.blue,
   activeDotColor: Colors.blue,
   activePaintStyle: PaintingStyle.stroke,
   strokeWidth: 2
 )

enter image description here

  • Related