如何在Flutter中将标题保持在Appbar中心的同时，如何修复Appbar左侧的项目？

Question

我想将“ Logo2”小部件放在左侧，而“标题徽标”在中间。我曾尝试在Row中使用Expanded和Stack，但当场无法使用。我还需要它在不同的屏幕尺寸上工作。

当前代码：

appBar: AppBar(
  leading: Icon(Icons.menu),
  centerTitle: true,
  title: Container(child: Row(
    children: <Widget>[
      Expanded(flex:2, child: Text("Logo 2")),
      Expanded(flex:4, child: Text("Title logo")),
    ],
  )),
  actions: <Widget>[
    IconButton(
      icon: Icon(Icons.person_pin),
      onPressed: (){},
    )
  ],
),

Answer 1

您可以直接传递Row小部件并将Container的{​​{1}}属性设置为1而不是2，而不是用Row包装flex。 {1}}小部件还包含一个名为Logo 2的属性，如果将其设置为0，则有助于保留标题AppBar。下面的工作代码：

titleSpacing

希望这能回答您的问题。