2024Flutter 去除 tabbar 点击后的高亮以及水波纹，SDK3^

最新推荐文章于 2024-05-02 22:25:28 发布

小杨不掉发

最新推荐文章于 2024-05-02 22:25:28 发布

阅读量306

点赞数 3

文章标签： android 前端 flutter

本文链接：https://blog.csdn.net/qq_45927571/article/details/136683411

版权

先上答案 overlayColor: MaterialStateProperty.all(Colors.transparent),

Theme

在网上找了一大半天都是让用Theme包裹住

 Theme(
                      data: ThemeData(
                        splashColor: Colors.transparent,
                        highlightColor: Colors.transparent,
                      ),
                      child: TabBar(
                          dividerHeight: 0,
                          labelStyle: TextStyle(
                            fontSize: 14.screenSp,
                          ),
                          indicatorSize: TabBarIndicatorSize.label,
                          labelColor: Theme.of(context).primaryColor,
                          controller: _tabController,
                          indicatorColor: Theme.of(context).primaryColor,
                          tabs: tabs))

以上的做法 不适用于我的代码（可能是我的版本太高了？）

上stackoverflow 查阅的时候发现了解决办法使用Tabbar 自带的overlayColor 属性即可修改

TabBar(
                          dividerHeight: 0,
                          labelStyle: TextStyle(
                            fontSize: 14.screenSp,
                          ),
                          overlayColor:  MaterialStateProperty.all(Colors.transparent),
                          indicatorSize: TabBarIndicatorSize.label,
                          labelColor: Theme.of(context).primaryColor,
                          controller: _tabController,
                          indicatorColor: Theme.of(context).primaryColor,
                          tabs: tabs)