Flutter 去除 tabbar 点击色

cilps

于 2021-04-30 05:02:46 发布

阅读量633

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter 文章标签： flutter

本文链接：https://blog.csdn.net/cilps/article/details/116285704

Flutter 专栏收录该内容

5 篇文章

订阅专栏

这篇博客探讨了如何在Flutter中实现Tabbar居左，并解决TabController监听触发两次及去除Tabbar点击后出现的高亮效果的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Tabbar居左

   const double _kTabHeight = 46.0;
   return PreferredSize(
      preferredSize: Size.fromHeight(_kTabHeight),
      child: TabBar(),
      //child: buildTheme(),
    );

对TabController的监听在点击Tab后会执行两次

  tabController.addListener(() {
    if (tabController.indexIsChanging) {
      print(tabController.index);
    }
  });

去除点击色

return Theme(
   data: ThemeData(
     highlightColor: Colors.transparent,
     splashColor: Colors.transparent,
   ),
   child: new TabBar(
     controller: tabController,
     tabs: <Tab>[
       new Tab(text: "首页"),
     ],
     // 去除下划线
     indicator: const BoxDecoration(),
   ),
 );