Flutter TabBar和TabBarView之间的颤振差异

我的问题是关于

TabBar

和

TabBarView

之间的区别。

---

我看不出外观有什么不同，但它们的功能是什么？

TabBar

用于创建选项卡本身，而

TabBarView

用于创建每个栏内容

请看下面的示例

---

从图像中，选项卡栏是蓝色栏（AppBar）的底部，选项卡栏视图是栏下的白色页面。另外，整个应用程序用

DefaultTabController

包装，非常感谢您，现在我明白了：）

import 'package:flutter/material.dart';

void main() {
  runApp(TabBarDemo());
}

class TabBarDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            bottom: TabBar(
              tabs: [
                Tab(icon: Icon(Icons.directions_car)),
                Tab(icon: Icon(Icons.directions_transit)),
                Tab(icon: Icon(Icons.directions_bike)),
              ],
            ),
            title: Text('Tabs Demo'),
          ),
          body: TabBarView(
            children: [
              Icon(Icons.directions_car),
              Icon(Icons.directions_transit),
              Icon(Icons.directions_bike),
            ],
          ),
        ),
      ),
    );
  }
}