增加 AppBar 前导属性的宽度

Question

我正在尝试将文本（自定义文本按钮）放入 AppBar 的前导属性中。但是，当文本太长时，文本会变成多行

Scaffold(
      appBar: AppBar(
        centerTitle: true,
        leading: Text('Go back to'),
      ),
    )

如何增加 AppBar 前导属性的宽度？

我不想使用标题，因为它使居中标题成为 PITA。

Scaffold(
      appBar: AppBar(
        centerTitle: true,
        title: Row(
          mainAxisAlignment: MainAxisAlignment.spaceAround,
          children: <Widget>[Text('go back to'), Text('My center title')],
        ),
      ),
    )

有什么方法可以在不弄乱title属性的情况下更改它？

Answer 1

您可以使用appBar 中的leadingWidth 属性设置自定义前导宽度：

Scaffold(
      appBar: AppBar(
        leadingWidth: 400,
        leading: Text('Go back to'),
        centerTitle: true,
        title: Text('Center title'),
      ),
)

Answer 2

这是一个预定义的小部件。但是，您可以这样做：

  appBar: AppBar(
  automaticallyImplyLeading: false, // Don't show the leading button
  title: Row(
    mainAxisAlignment: MainAxisAlignment.start,
    crossAxisAlignment: CrossAxisAlignment.center,
    children: <Widget>[
      IconButton(
        onPressed: () => Navigator.pop(context),
        icon: Icon(Icons.arrow_back, color: Colors.white),
      ),
      // Your widgets here
    ],
  ),
),

automaticallyImplyLeading: true 将隐藏前导按钮，以便您可以添加自己的小部件。祝你好运！