微信交流群

老孟公众号

# TabPageSelectorIndicator

TabPageSelectorIndicator是一个指定背景颜色、边框颜色和大小的圆形指示器,用法如下:

TabPageSelectorIndicator(
  backgroundColor: Colors.blue,
  borderColor: Colors.red,
  size: 100,
)
1
2
3
4
5

效果如下:

TabPageSelectorIndicator是一个相对简单的控件,其实质就是一个Container,源代码如下:


Widget build(BuildContext context) {
  return Container(
    width: size,
    height: size,
    margin: const EdgeInsets.all(4.0),
    decoration: BoxDecoration(
      color: backgroundColor,
      border: Border.all(color: borderColor),
      shape: BoxShape.circle,
    ),
  );
}
1
2
3
4
5
6
7
8
9
10
11
12
13