Flutter - 如何设置 AppBar 标题高度答案

【问题标题】：Flutter - how to set AppBar title heightFlutter - 如何设置 AppBar 标题高度
【发布时间】：2019-09-09 17:47:56
【问题描述】：

我花了几个小时试图让 AppBar 显示具有特定高度的标题。从我读到的 SO 等内容来看，它可以完成，但是我无法实现它，我花了很多时间试图做到这一点。我需要使“标题：”和“动作：”的高度约为 70 左右。

从我已经执行的各种测试中可以确定，当 AppBar 的大小超过某个大小时，任何超出的大小都会自动转到“底部：”，在我的应用中是 TabBar。

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

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

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

【问题讨论】：

【解决方案1】：

你可以使用toolbarHeight:

AppBar(
  toolbarHeight: 100, 
)

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

试试这个伪代码

Text('你的文字在这里', style:TextStyle(height:70.0));

【讨论】：