dart – Flutter:设置AppBar的高度

dart – Flutter:设置AppBar的高度,第1张

概述如何在Flutter中设置AppBar的高度? 栏的标题应该垂直居中(在那个AppBar中). 在撰写本文时,我不知道PreferredSize. Cinn的答案更好地实现了这一目标. 您可以使用自定义高度创建自己的自定义小部件: import "package:flutter/material.dart";class Page extends StatelessWidget { @ove 如何在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),),);  }}
总结

以上是内存溢出为你收集整理的dart – Flutter:设置AppBar的高度全部内容,希望文章能够帮你解决dart – Flutter:设置AppBar的高度所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1000537.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-21
下一篇2022-05-21

发表评论

登录后才能评论

评论列表(0条)

    保存