如何在 flutter 中制作圆形标签指示器

Question

我需要有 4 个标签，底部有 4 个圆圈，指示您当前所在的标签。 像这样。 我不能让它只是一个有 4 个容器更改 colors 的行，我需要它们成为功能齐全的按钮，我可以在按下它们时在选项卡之间切换。 我的主要问题是我似乎无法让我的标签更窄，并且它们最终相距大约 30 像素，这不是我想要的。 任何帮助表示赞赏。 到目前为止，这是我的代码

Container(
                      width: 22.0.h,
                      child: TabBar(
                        indicatorPadding: EdgeInsets.zero,
                        indicatorSize: TabBarIndicatorSize.label,
                        tabs: [
                          Tab(
                            child: Container(
                              height: 1.0.h,
                              width: 1.0.h,
                              decoration:
                                  BoxDecoration(color: UIThemes.buttonDarkBlue, shape: BoxShape.circle),
                            ),
                          ),
                          Tab(
                            child: Container(
                              height: 1.0.h,
                              width: 1.0.h,
                              decoration:
                                  BoxDecoration(color: UIThemes.buttonDarkBlue),
                            ),
                          ),
                          Tab(
                            child: Container(
                              height: 1.0.h,
                              width: 1.0.h,
                              decoration:
                                  BoxDecoration(color: UIThemes.buttonDarkBlue),
                            ),
                          ),
                          Tab(
                            child: Container(
                              height: 1.0.h,
                              width: 1.0.h,
                              decoration:
                                  BoxDecoration(color: UIThemes.buttonDarkBlue),
                            ),
                          ),
                        ],
                      ),
                    ),