Flutter tabbar水波纹效果如何取消？

最新推荐文章于 2024-08-17 12:54:57 发布

置顶

IDEAINNET

最新推荐文章于 2024-08-17 12:54:57 发布

阅读量3.4k

点赞数 1

分类专栏： Dart Flutter从零到未来文章标签： tabbar 取消水波纹效果 flutter

本文链接：https://blog.csdn.net/MHTios/article/details/98654088

版权

系统默认的TabBar存在水波纹效果，通过官方文档未找到直接取消的方法。为实现取消水波纹，采用自定义TabBar的方式，主要利用TabBar和TabController。本文分享自定义TabBar的实现代码。

摘要由CSDN通过智能技术生成

系统自带的有水波纹效果，查看官方文档，没有对应的api 取消
换种思路，自定义tabbar
自定义tabbar 主要使用到 TabBar 和 TabController 两者配合。
欢迎指点，留言。
直接上代码：

class _HomeWidget extends State<HomeWidget> with SingleTickerProviderStateMixin {
 TabController _tabController;
  int _currentIndex = 0;
  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 4, vsync: this, initialIndex: _currentIndex);
  }

@override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      builder: (c) => snapshotProvider,
      child: Scaffold(
        body: IndexedStack(
          index: _currentIndex,
          children: <Widget>[
            Widget1(),
            Widget2(),
            Widget3(),
            Widget4(),
          ],
        ),
        bottomNavigationBar: _bottom(context),
      ),
    );
  }

 Widget _bottom(BuildContext context) {
    return C