• 赚钱入口【需求资源】限时招募流量主、渠道主,站长合作;【合作模式】CPS长期分成,一次推广永久有收益。主动打款,不扣量;

Custom TabBar

Flutter cps12345 9个月前 (08-02) 135次浏览 0个评论

自定义 Tab 样式

在 flutter 中, 官方提供的 TabBar 只提供了一种 类似下划线的 indicator 样式。

Custom TabBar

当我们想要自定义样式时,可以发现 indicator 是一种装饰器,那么我们就可以自定义了

final Decoration indicator;

 

下面推荐一款非常方便使用的插件: bubble_tab_indicator,只需要几行代码就可以修改出自己想要的样式了Custom TabBar

new TabBar(
  indicatorSize: TabBarIndicatorSize.tab,
  indicator: new BubbleTabIndicator(
    indicatorHeight: 25.0,
    indicatorColor: Colors.blueAccent,
    tabBarIndicatorSize: TabBarIndicatorSize.tab,
  ),
)
喜欢 (0)

您必须 登录 才能发表评论!