Flutter 中的 DefaultTabController 小部件：全面指南

在Flutter中，DefaultTabController是一个用于管理选项卡的控制器，通常与TabBar和TabBarView小部件一起使用。以下是一个简单的例子，展示如何使用DefaultTabController创建一个带有两个选项卡的应用程序。

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 2, // 设置选项卡的数量
        child: Scaffold(
          appBar: AppBar(
            title: Text('TabBar Example'),
            bottom: TabBar(
              tabs: [
                Tab(text: 'Tab One'),
                Tab(text: 'Tab Two'),
              ],
            ),
          ),
          body: TabBarView(
            children: [
              Center(child: Text('Content of Tab One')),
              Center(child: Text('Content of Tab Two')),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个包含两个选项卡的应用程序。DefaultTabController的length属性被设置为2，表示有两个选项卡。AppBar中的bottom属性包含一个TabBar，而TabBarView则包含了两个选项卡对应的内容。当用户点击TabBar中的选项卡时，TabBarView会显示对应的内容区域。