dart – Flutter:设置AppBar的高度

前端之家收集整理的这篇文章主要介绍了dart – Flutter:设置AppBar的高度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在Flutter中设置AppBar的高度?

栏的标题应该垂直居中(在那个AppBar中).

解决方法

在撰写本文时,我不知道PreferredSize. Cinn的答案更好地实现了这一目标.

您可以使用自定义高度创建自己的自定义小部件:

import "package:flutter/material.dart";

class Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Column(children : <Widget>[new CustomAppBar("Custom App Bar"),new Container()],);
  }
}


class CustomAppBar extends StatelessWidget {

  final String title;
  final double barHeight = 50.0; // change this for different heights 

  CustomAppBar(this.title);

  @override
  Widget build(BuildContext context) {
    final double statusbarHeight = MediaQuery
        .of(context)
        .padding
        .top;

    return new Container(
      padding: new EdgeInsets.only(top: statusbarHeight),height: statusbarHeight + barHeight,child: new Center(
        child: new Text(
          title,style: new TextStyle(fontSize: 20.0,fontWeight: FontWeight.bold),),);
  }
}

猜你在找的Flutter相关文章