美文网首页
PreferredSize自定义AppBar高度

PreferredSize自定义AppBar高度

作者: 菲特峰 | 来源:发表于2020-12-04 09:43 被阅读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('经典案例'),
            ),
          ]),
        ),
      ),
    );
  }

相关文章

网友评论

      本文标题:PreferredSize自定义AppBar高度

      本文链接:https://www.haomeiwen.com/subject/zkybwktx.html