Flutter TabBar and TabBarView控件

TabBar and TabBarView效果

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main(List<String> args) {
  runApp(app());
}

class app extends StatelessWidget {
  const app({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: homebody(),
    );
  }
}

class homebody extends StatelessWidget {
  const homebody({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    List<Tab> TabsList = [
      Tab(
        text: "电影",
      ),
      Tab(
        text: "电视",
      ),
      Tab(
        text: "综艺",
      ),
      Tab(
        text: "读书",
      ),
      Tab(
        text: "音乐",
      ),
      Tab(
        text: "同城",
      ),
      Tab(
        text: "旅游",
      ),
      Tab(
        text: "网点",
      )
    ];
    List<Widget> TabBarViewList=[ Text("电影"),
            Text("电视"),
            Text("综艺"),
            Text("读书"),
            Text("音乐"),
            Text("同城"),
            Text("旅游"),
            Text("网点")];

    return DefaultTabController(
      length: TabsList.length,
      child: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.green,
          title: Text("AppBar"),
          bottom: TabBar(
            unselectedLabelColor: Colors.white, //设置未选中时的字体颜色，tabs里面的字体样式优先级最高
            unselectedLabelStyle:
                TextStyle(fontSize: 20), //设置未选中时的字体样式，tabs里面的字体样式优先级最高
            labelColor: Colors.black, //设置选中时的字体颜色，tabs里面的字体样式优先级最高
            labelStyle: TextStyle(fontSize: 20.0), //设置选中时的字体样式，tabs里面的字体样式优先级最高
            isScrollable: true, //允许左右滚动
            indicatorColor: Colors.red, //选中下划线的颜色
            indicatorSize: TabBarIndicatorSize
                .label, //选中下划线的长度，label时跟文字内容长度一样，tab时跟一个Tab的长度一样
            indicatorWeight: 6.0, //选中下划线的高度，值越大高度越高，默认为2。0
            tabs: TabsList,
          ),
        ),
        body: TabBarView(
          children:TabBarViewList,
        ),
      ),
    );
  }
}