[移动开发]Flutter TabbarControl 顶部切换

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'),
              ),
            )
          ]),
    );
  }
}