Flutter TabBar导航

好的，关于Flutter TabBar导航，我们可以通过TabBar和TabBarView来实现。

首先，需要在Scaffold的appBar属性中添加一个TabBar，然后在Scaffold的body属性中添加一个TabBarView来显示与选定选项卡对应的内容。具体实现代码如下：

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

  @override
  State<MyTabbedPage> createState() => _MyTabbedPageState();
}

class _MyTabbedPageState extends State<MyTabbedPage>
    with SingleTickerProviderStateMixin {
  late final TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 3, vsync: this);
  }

  @override
  void dispose() {
    _tabController.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('TabBar Demo'),
        bottom: TabBar(
          controller: _tabController,
          tabs: const [
            Tab(icon: Icon(Icons.directions_car)),
            Tab(icon: Icon(Icons.directions_transit)),
            Tab(icon: Icon(Icons.directions_bike)),
          ],
        ),
      ),
      body: TabBarView(
        controller: _tabController,
        children: const [
          Center(
            child: Text('Car'),
          ),
          Center(
            child: Text('Transit'),
          ),
          Center(
            child: Text('Bike'),
          ),
        ],
      ),
    );
  }
}

此代码将创建一个具有三个选项卡的TabBar，并使用三个Center Widget作为TabBarView的子项。