flutter - 无法在 flutter 中更改按钮的高度

Question

我是 Flutter 的新手。我正在尝试向“AppBar”插入一个带有文本的简单“包含按钮”。(例如 Material 设计“包含按钮”here)

问题是无论我在 Constructor 中插入什么高度，按钮仍然填满 AppBar 的整个高度。

我可以像下面的示例一样通过设置填充明显地解决问题，但令我沮丧的是我不明白为什么我不能自己更改按钮的高度。我还尝试用一个容器或一个 sizedBox 包装它，如答案 here 中所示。但它没有做出任何可见的变化(按钮仍然填满了整个 appBar 高度)

如果有人能向我解释为什么代码会这样，我将不胜感激。

      appBar: AppBar(
      automaticallyImplyLeading: false,
      title: Text(widget.title),
      actions: <Widget>[
        Padding(
            padding: EdgeInsets.only(top: 7.0, bottom: 7),
            child: Container(
              width: 80,
              child: FlatButton(
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(5.0),
                  ),
                  color: Color.fromRGBO(58, 90, 128, 1),
                  onPressed: () {},
                  child: Text('Button')
              ),
            )
        ),
        ]
  )

Answer 1

我认为 AppBar() 是在 material design guidelines for AppBar 之后.

这也与 Material Scaffold() 小部件有关。

你可以看看这个文档

• AppBar Class
• Scaffold Class

在这种特殊情况中，我认为控制高度的最佳方法是在周围使用Padding()。您可以在代码中删除容器。

appBar: AppBar(
    automaticallyImplyLeading: false,
    title: Text(widget.title),
    actions: <Widget>[
      Padding(
        padding: const EdgeInsets.all(8.0),
        child: FlatButton(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(5.0),
            ),
            color: Color.fromRGBO(58, 90, 128, 1),
            onPressed: () {},
            child: Text('Button')),
      ),
    ]),

您可以使用 PreferredSize() 控制整个 AppBar 的大小，但这与按钮的高度无关。