我花了好几个小时试图让AppBar显示一个具有特定高度的标题。从我在SO等上看到的,它可以完成,但我无法实现它,我花了很多时间尝试。我需要使“标题:”和“行动:”的高度约为70左右。
根据我可以从我执行的各种测试中确定,当AppBar的大小超过一定大小时,任何多余的大小自动转到“底部:”,在我的应用程序的情况下是TabBar。
我在另一个测试中为该AppBar测试了一个PreferredSize,其中没有“bottom:”且没有TabBar,并且在程序中分配给AppBar的空间足以显示大标题,但只有标题的一部分具有大字体显示。在这种情况下分配给AppBar的剩余空间只是空白,显示在标题的显示下方。
在我写的另一个程序中,我将AppBar高度设置为35,并且没有问题。因此,似乎将AppBar高度设置为较低值适用于标题,但将其设置为较大值则不适用。
我很感激这个问题的解决方案,因为对我的程序不可或缺,我花了很多时间试图解决这个问题。
这个问题似乎是由AppBar“flexibleSpace:”解决的。
AppBar标题和操作是AppBar工具栏的一部分。问题似乎是AppBar的高度可以改变,并且允许工具栏的高度减小,但AppBar工具栏的高度不能超过56的高度。任何高度的增加超过56的AppBar不允许工具栏的高度增加到56以上。
这是Github上Flutter问题#7330和#23373的主题。如果通过允许AppBar工具栏高度增加到56以上来解决这些问题会很棒。目前解决这个问题的唯一方法似乎是编写自定义AppBar并且标准AppBar具有一些很好的功能。
您可以使用preferredSize小部件在appBar中提供自定义高度
appBar: PreferredSize(
preferredSize: Size.fromHeight(50.0),
child: AppBar(
.............
)
),
试试这个伪代码吧
文字('你的文字在这里',风格:TextStyle(身高:70.0));