Flutter -- Tab

最新推荐文章于 2024-04-09 16:48:37 发布

cairuoryu

最新推荐文章于 2024-04-09 16:48:37 发布

阅读量407

点赞数 1

分类专栏： flutter 文章标签： flutter tab dart

本文链接：https://blog.csdn.net/cry121212/article/details/114393507

版权

本文介绍了Flutter中Tab的使用，包括TabController的实现，使用DefaultTabController简化代码，如何在切换Tab时保持页面状态，以及动态增减Tab的技巧。并提供了源码地址供参考。

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

Flutter – Tab

本文通过提供几个例子介绍Flutter Tab的使用
http://cairuoyu.com/flutter_demo
在这里插入图片描述

Demo

使用TabController

使用时需要with TickerProviderStateMixin

List<Tab> tabs = <Tab>[
  Tab(text: 'tab1'),
  Tab(text: 'tab2'),
];

List<Widget> tabBarViews = <Widget>[
  Center(child: Text('tabPage1')),
  Center(child: Text('tabPage2')),
];

class TabSimple extends StatefulWidget {
  @override
  _TabSimpleState createState() => _TabSimpleState();
}

class _TabSimpleState extends State<TabSimple> with TickerProviderStateMixin {
  TabController _tabContro