Flutter - 如何设置AppBar标题高度

问题描述 投票:0回答:4

我花了好几个小时试图让AppBar显示一个具有特定高度的标题。从我在SO等上看到的,它可以完成,但我无法实现它,我花了很多时间尝试。我需要使“标题:”和“行动:”的高度约为70左右。

根据我可以从我执行的各种测试中确定,当AppBar的大小超过一定大小时,任何多余的大小自动转​​到“底部:”,​​在我的应用程序的情况下是TabBar。

我在另一个测试中为该AppBar测试了一个PreferredSize,其中没有“bottom:”且没有TabBar,并且在程序中分配给AppBar的空间足以显示大标题,但只有标题的一部分具有大字体显示。在这种情况下分配给AppBar的剩余空间只是空白,显示在标题的显示下方。

在我写的另一个程序中,我将AppBar高度设置为35,并且没有问题。因此,似乎将AppBar高度设置为较低值适用于标题,但将其设置为较大值则不适用。

我很感激这个问题的解决方案,因为对我的程序不可或缺,我花了很多时间试图解决这个问题。

flutter appbar
4个回答
2
投票

这个问题似乎是由AppBar“flexibleSpace:”解决的。


0
投票

AppBar标题和操作是AppBar工具栏的一部分。问题似乎是AppBar的高度可以改变,并且允许工具栏的高度减小,但AppBar工具栏的高度不能超过56的高度。任何高度的增加超过56的AppBar不允许工具栏的高度增加到56以上。

这是Github上Flutter问题#7330和#23373的主题。如果通过允许AppBar工具栏高度增加到56以上来解决这些问题会很棒。目前解决这个问题的唯一方法似乎是编写自定义AppBar并且标准AppBar具有一些很好的功能。


0
投票

您可以使用preferredSize小部件在appBar中提供自定义高度

 appBar: PreferredSize(
          preferredSize: Size.fromHeight(50.0),
          child: AppBar(
          .............
          )
        ),

-1
投票

试试这个伪代码吧

文字('你的文字在这里',风格:TextStyle(身高:70.0));

© www.soinside.com 2019 - 2024. All rights reserved.