Flutter - 如何设置AppBar标题高度

Question

我花了好几个小时来尝试使应用栏显示特定高度的标题。从我在SO等网站上看到的信息来看，这是可以实现的，但我无法做到并且已经尝试了很多小时。我需要将“title:”和“actions:”设置为大约70或类似高度。

从我进行的各种测试中可以确定，当应用栏的大小超过一定大小时，任何超出的大小都会自动转移到“bottom:”，在我的应用程序中即选项卡栏。

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

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

我需要解决这个问题的方法，因为这对我的程序至关重要，而且我已经花了很多时间尝试解决这个问题。

- Brian Oh

Answer 1

您可以使用 toolbarHeight :

AppBar(
  toolbarHeight: 100, 
)

- CopsOnRoad

---

toolbarHeight is more better than PreferedSize - Anoop Thiruonam

Answer 2

这个问题似乎可以通过AppBar的“flexibleSpace:”解决。

- Brian Oh

Answer 3

AppBar的标题和操作是AppBar工具栏的一部分。问题似乎在于AppBar的高度可以更改，这可能导致工具栏的高度减少，但是AppBar工具栏的高度无法增加超过56个像素。如果AppBar的高度超过56，将无法使工具栏的高度增加超过56。

这是Flutter在Github上的问题#7330和#23373的主题。如果允许AppBar工具栏高度超过56，那么解决这些问题将会很好。目前唯一的解决方法似乎是编写自定义AppBar，而标准AppBar具有一些很好的功能。

- Brian Oh

Answer 4

尝试一下这个伪代码

Text('在此处输入您的文本', style:TextStyle(height:70.0));

- Sudhansu Joshi

Answer 5

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

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

- Tahseen Quraishi

---

标题不允许超过56个字符。尝试将其设置为例如100，标题和工具栏的高度不会增加。已接受的解决方案有效。 - Brian Oh