AppBar 自定义顶部导航按钮 图标、颜色 以及 TabBar 定义顶部 Tab 切换

tabs  显示的标签内容，一般使用 Tab 对象,也可以是其他的 Widget

controller TabController 对象

isScrollable  是否可滚动

indicatorColor  指示器颜色

indicatorWeight 指示器高度

indicatorPadding  底部指示器的 Padding

indicator  指示器 decoration，例如边框等

indicatorSize  指示器大小计算方式，TabBarIndicatorSize.label 跟文字等宽,TabBarIndicatorSize.tab 跟每个 tab 等宽

labelColor  选中 label 颜色

labelStyle 选中 label 的 Style

labelPadding  每个 label 的 padding 值

unselectedLabelColor  未选中 label 颜色

unselectedLabelStyle   未选中 label 的 Style

 

案例代码

import ‘package:flutter/material.dart‘;

class ClassIf extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return DefaultTabController(
      length: 2,
      child: Scaffold(
        appBar: AppBar(
          title: Row( // 或者buttom
            children: <Widget>[
              Expanded(
                flex: 1,
                child: TabBar(
                  tabs: <Widget>[
                      Tab(text: ‘分类一‘),
                      Tab(text: ‘分类二‘)
                    ],
                  ),
              )
            ],
          ),
        ),
        body: TabBarView(
          children: <Widget>[
            ListView(
              children: <Widget>[
                Text(‘132‘),
                Text(‘132‘),
                Text(‘132‘),
              ],
            ),
            ListView(
              children: <Widget>[
                Text(‘132‘),
                Text(‘132‘),
                Text(‘132‘),
              ],
            )
          ],
        ),
      ),
    );
  }
}