Flutter TabbarControl 顶部切换

最新推荐文章于 2024-05-22 23:33:24 发布

xcode_androidstudio

最新推荐文章于 2024-05-22 23:33:24 发布

阅读量1.4k

点赞数

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

本文链接：https://blog.csdn.net/u014029960/article/details/121356199

版权

Flutter 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

class MyTabbarControl extends StatefulWidget {
  MyTabbarControl({Key? key}) : super(key: key);

  @override
  _MyTabbarControlState createState() => _MyTabbarControlState();
}

class _MyTabbarControlState extends State<MyTabbarControl>
    with SingleTickerProviderStateMixin {
  late TabController _controller;

  @override
  void initState() {
    // TODO: implement initState
    super.initState();

    _controller = TabController(length: 2, vsync: this);
    _controller.addListener(() {
      print("当前选择${_controller.index}");
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
      
        title: TabBar(controller: _controller, //重要别忘记
            tabs: [
              Tab(
                text: '第一个界面',
              ),
              Tab(
                text: '第二个界面',
              )
            ]),
      ),
      body: TabBarView(controller: _controller, //重要别忘记
          children: [
            Container(
              child: Center(
                child: Text('11111'),
              ),
            ),
            Container(
              child: Center(
                child: Text('22222'),
              ),
            )
          ]),
    );
  }
}