顶部选项卡示例 DefaultTabController

main.dart

import 'package:flutter/material.dart';

void main() => runApp((MyApp()));

class MyApp extends StatelessWidget {
  final List<Tab> tab = <Tab>[
    Tab(text: "选项一"),
    Tab(text: "选项二"),
  ];
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "MaterialApp示例",
      home: DefaultTabController(
        length: tab.length,
        child: Scaffold(
          appBar: AppBar(
            title: Text("顶部选项卡示例"),
//            添加选项卡按钮
            bottom: TabBar(
              tabs: tab,
            ),
          ),
          body: TabBarView(
            children: tab.map((Tab tab) {
              return Center(
                child: Text(tab.text),
              );
            }).toList(),
          ),
        ),
      ),
    );
  }
}