PreferredSize自定义AppBar高度

2020-12-04  本文已影响0人  菲特峰
Widget build(BuildContext context) {
    return Container(
      child: DefaultTabController(
        length: _tabTitles.length,
        child: Scaffold(
          appBar: AppBar(
            elevation: 0,
            title: Text(
              '新闻中心',
              style: TextStyle(color: Color(0xffffffff)),
            ),
            centerTitle: true,
            bottom: PreferredSize(
                child: Material(
                  color: Colors.blue,
                  child: TabBar(
                    indicatorColor: Colors.red,
                    labelColor: Colors.red,
                    unselectedLabelColor: Colors.yellow,
                    tabs: _tabTitles
                        .map((title) => Tab(
                              text: title,
                            ))
                        .toList(),
                  ),
                ),
                preferredSize: Size.fromHeight(48)),
          ),
          body: TabBarView(children: [
            Center(
              child: Text('选址技巧'),
            ),
            Center(
              child: Text('经营攻略'),
            ),
            Center(
              child: Text('公司资讯'),
            ),
            Center(
              child: Text('经典案例'),
            ),
          ]),
        ),
      ),
    );
  }
上一篇 下一篇

猜你喜欢

热点阅读