flutter - 如何删除 TabPageSelector 中的边框圆圈？

Question

我想创建这样的东西 但是当我尝试使用这样的代码时:

TabPageSelector(
  controller: _tabController,
  color: Color(0x21000000),
  selectedColor: Colors.white,
),

我得到的结果是:

我可以更改什么以获得我在第一张图片中显示的准确结果？

Answer 1

TabPageSelector 小部件不支持它，但是您可以创建自己的小部件，我为您创建一个，检查代码并将文件添加到您的项目中:

https://gist.github.com/diegoveloper/9de80d0e22cac8a2ef4357a620b375a9

用法:

        MyTabPageSelector(
                    controller: _controller,
                    color: Color(0x21000000),
                    //borderColor: Colors.blue     you can set your own color if you want
                    selectedColor: Colors.white,
                  )