Flutter TabBar 点击去除水波纹效果

image.png

点击TabBar的item后会存在水波纹效果，解决方法：

给TabBar设置overlayColor未透明色

overlayColor: MaterialStateProperty.resolveWith((states) {
          return Colors.transparent;
        })

问题分析

image.png

源码中，如果未主动设置overlayColor就会走Theme主题中的点击效果

也可以在Theme中设置去除此问题（Theme包裹TabBar）

overlayColor: widget.overlayColor ?? tabBarTheme.overlayColor ?? defaultOverlay,

END