在颤振中,在选项卡顶部添加指示器

有一个简单的黑客,那就是使用 indicator 属性和添加 UnderlineTabIndicator() 这个类已经命名了参数 insets 作为我增加的价值 EdgeInsets.fromLTRB(50.0, 0.0, 50.0, 40.0),

左:50.0,//使指示器从左到小50.0

顶部:0.0,

右:50.0,//使指示器从右小50.0

底部:40.0//将指示器从底部推到顶部40.0

如下所示:

const textStyle = TextStyle(
    fontSize: 12.0,
    color: Colors.white,
    fontFamily: 'OpenSans',
    fontWeight: FontWeight.w600);

//.....
new TabBar(
  controller: controller,
  labelColor: Color(0xFF343434),
  labelStyle: textStyle.copyWith(
      fontSize: 20.0,
      color: Color(0xFFc9c9c9),
      fontWeight: FontWeight.w700),
  indicator: UnderlineTabIndicator(
    borderSide: BorderSide(color: Color(0xDD613896), width: 8.0),
    insets: EdgeInsets.fromLTRB(50.0, 0.0, 50.0, 40.0),
  ),
  unselectedLabelColor: Color(0xFFc9c9c9),
  unselectedLabelStyle: textStyle.copyWith(
      fontSize: 20.0,
      color: Color(0xFFc9c9c9),
      fontWeight: FontWeight.w700),
  tabs: [
    new Tab(
      text: 'LOGIN',
    ),
    new Tab(
      text: 'SIGNUP',
    ),
  ],
),

还可以创建自定义指示器扩展 Decoration

必须创建自定义 选项卡控制器 为了这个。我找到了一个简单的颤振标签的例子。 Here .你可以在这里详细检查一下。