我花了数小时试图使AppBar显示具有特定高度的标题。从我对SO等的阅读中可以做到,但是我无法实现,因此我花了很多时间进行尝试。我需要使“ title:”和“ actions:”的高度大约为70左右。
从我执行的各种测试中可以确定的是,当AppBar的大小超过特定大小时,任何多余的大小都会自动转到“底部:”,对于我的应用程序,该大小就是TabBar。 / p>
我在另一个没有“底部:”和TabBar的测试中为该AppBar测试了PreferredSize,并且在程序中分配给AppBar的空间足以显示大标题,但只有部分标题具有显示了一个大字体。在这种情况下,分配给AppBar的剩余空间只是空白,并显示在标题显示的下方。
在我编写的另一个程序中,我将AppBar的高度设置为35,并且可以正常工作。因此,将AppBar高度设置为较低值似乎适用于标题,但将其设置为较大值似乎无效。
对于这个问题的解决方案,我将不胜感激,因为这是我程序中必不可少的,而且我花了很多时间尝试解决问题。
答案 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));