Flutter

Question

我花了几个小时试图让 AppBar 显示具有特定高度的标题。从我读到的关于 SO 等的内容来看，它是可以做到的，但是我无法实现它，而且我已经花了很多时间来尝试。我需要使 "title:" 和 "actions:" 的高度大约为 70 左右。

从我执行的各种测试中可以确定的是，当 AppBar 的大小超过一定大小时，任何超出的大小都会自动转到 "bottom:"，对于我的应用程序来说是标签栏.

我在另一个没有"bottom:"和没有TabBar的测试中为那个AppBar测试了PreferredSize，程序中分配给AppBar的space足以显示大标题，但只有部分标题显示为大字体。在这种情况下，分配给 AppBar 的 space 的其余部分只是空白，显示在标题显示下方。

在我编写的另一个程序中，我将 AppBar 高度设置为 35，并且没有问题。因此，将 AppBar 高度设置为较低的值似乎对标题有效，但将其设置为较大的值则无效。

我会很感激这个问题的解决方案，因为这个需求是我的程序不可或缺的一部分，我花了很多时间试图解决这个问题。

Answer 1

试试这个伪代码

文字('your text here',style:TextStyle(高度:70.0));

Answer 2

AppBar 标题和操作是 AppBar 工具栏的一部分。问题似乎是可以更改 AppBar 的高度，并且可以降低工具栏的高度，但是 AppBar 工具栏的高度不能增加到超过 56 的高度。任何增加高度AppBar beyond 56不允许toolbar的高度增加到56以上

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

Answer 3

AppBar "flexibleSpace:"似乎解决了这个问题。

Answer 4

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

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

Answer 5

您可以使用 toolbarHeight:

AppBar(
  toolbarHeight: 100, 
)

Flutter - 如何设置 AppBar 标题高度