How can I apply a circular smooth indicator border like this?

Question

I want to know how to add a border like this, using smooth_page_indicator package

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,
                ),
              ),

Answer 1

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
 )