Flutter 多标签页显示 有关TabController需要知道的知识

在Flutter中，TabController是用来控制TabBar和TabBarView组件的。TabController需要与TabBar和TabBarView的length属性匹配，以便正确显示标签页。

以下是一个简单的例子，展示了如何使用TabController来创建多个标签页：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3,
        child: Scaffold(
          appBar: AppBar(
            title: Text('多标签页示例'),
            bottom: TabBar(
              tabs: [
                Tab(text: '标签一'),
                Tab(text: '标签二'),
                Tab(text: '标签三'),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              Center(child: Text('标签一的内容')),
              Center(child: Text('标签二的内容')),
              Center(child: Text('标签三的内容')),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们使用了DefaultTabController作为TabController，它简化了TabController的创建流程。DefaultTabController需要一个length参数来指定标签的数量，而TabBar和TabBarView的tabs和children属性则分别对应标签栏和标签页视图的标签和页面内容。

如果需要更复杂的控制，可以使用TabController的构造函数来创建一个TabController实例，并将其通过TabBar和TabBarView的controller属性传递。在这种情况下，你需要手动管理TabController的生命周期，比如在StatefulWidget的dispose方法中释放TabController。