如何在Flutter中实现应用栏操作文本而不是操作图标？

Question

我正在尝试在flutter应用程序中实现appbar。我可以添加一个关闭应用程序的操作图标。我愿意在关闭操作图标旁边显示用户名。我试图在appar部分的动作小部件数组中添加新的Text（）。但无法对齐。有什么办法可以直接添加动作文本？

代码：

@override
  Widget build(BuildContext context) {
    //build a form widget using the form key we created above
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(StringRef.appName),
        actions: <Widget>[

          new Container(),

        new Text(
        userName,
        textScaleFactor: 1.5,
        style: new TextStyle(
          fontSize: 12.0,
          color: Colors.white,
        ),
      ),

      new IconButton(
        icon: new Icon(Icons.close),
        tooltip: 'Closes application',
        onPressed: () => exit(0),
      ),
        ],
      ),
}

Answer 1

将“文本”窗口小部件包装为

new Center(
    new Text(
        userName,
        textScaleFactor: 1.5,
        style: new TextStyle(
          fontSize: 12.0,
          color: Colors.white,
        ),
)

Answer 2

您也可以将您的 Text 小部件包裹在 Align 小部件中并给出如下所示的 alignment: Alignment.center

Align(
  alignment: Alignment.center,
  child: Text(
    "Save",
    textScaleFactor: 1.5,
    style: TextStyle(
      fontSize: 12.0,
      color: Colors.white,
    ),
  ),
)

您也可以通过使用 TextButton

TextButton(
  onPressed: () {},
  child: Text('Save', style: TextStyle(color: Colors.white),),
)

extract info from this page in html