我怎样才能创建像这样的滚动点与边界scrolling dots

`SmoothPageIndicator(

                                  controller: controller,
                                  count: 3,
                                  effect:  const  ScaleEffect(
                                      scale: 1.5,
                                      dotHeight: 10,
                                      dotWidth: 10,
                                      dotColor: Colors.red,
                                      activeDotColor: Colors.grey,
                                      activePaintStyle: PaintingStyle.stroke,

                                      strokeWidth: 2

                                  ),
                                  onDotClicked: (index) {
                                    controller.animateToPage(index,
                                        duration: const Duration(milliseconds: 300),
                                        curve: Curves.easeInOut);
                                  },
                                  )`

下面是输出---------------〉Output of the my code
我试图达到第一个画面