Flutter-如何设置AppBar标题高度

时间:2019-04-19 12:48:57

标签: flutter appbar

我花了数小时试图使AppBar显示具有特定高度的标题。从我对SO等的阅读中可以做到,但是我无法实现,因此我花了很多时间进行尝试。我需要使“ title:”和“ actions:”的高度大约为70左右。

从我执行的各种测试中可以确定的是,当AppBar的大小超过特定大小时,任何多余的大小都会自动转到“底部:”,​​对于我的应用程序,该大小就是TabBar。 / p>

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

在我编写的另一个程序中,我将AppBar的高度设置为35,并且可以正常工作。因此,将AppBar高度设置为较低值似乎适用于标题,但将其设置为较大值似乎无效。

对于这个问题的解决方案,我将不胜感激,因为这是我程序中必不可少的,而且我花了很多时间尝试解决问题。

5 个答案:

答案 0 :(得分:6)

您可以使用toolbarHeight

AppBar(
  toolbarHeight: 100, 
)

答案 1 :(得分:2)

此问题似乎由AppBar“ flexibleSpace:”解决。

答案 2 :(得分:0)

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

这是Github上Flutter的问题#7330和#23373的主题。如果可以通过允许将AppBar工具栏的高度增加到56以上来解决这些问题,那就太好了。目前解决此问题的唯一方法似乎是编写自定义AppBar,而标准AppBar具有一些不错的功能。

答案 3 :(得分:0)

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

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

答案 4 :(得分:-1)

只需尝试此伪代码

文本(“此处输入文字”,样式:TextStyle(高度:70.0));