Appbar对齐方式

Question

我正在寻找对齐的用户名旁边的欢迎回来文本。有没有什么方法可以在一行代码中做到这一点？这就是我现在所拥有的。

  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
          brightness: Brightness.light,
          backgroundColor: Colors.white,
          elevation: 0,
          title: Text("Welcome Back", style: TextStyle(color: Color.fromRGBO(49, 39, 79, 1), fontWeight: FontWeight.bold,fontSize: 20),),
          actions: <Widget>[
            new Container(
              child: Text(
                name, style: TextStyle(color: Color.fromRGBO(49, 39, 79, 1), fontWeight: FontWeight.bold,fontSize: 20)
              ),
            ),
            Padding(
              padding: const EdgeInsets.all(8.0),
              child: CircleAvatar(
                backgroundImage: NetworkImage(
                  imageUrl,
                ),
              ),
            ),
          ]),

​

​

Answer 1

在这种情况下使用Row(...)

  actions: <Widget>[
    Row(
      children: <Widget>[
        Container(
          child: Text(name, style: TextStyle(color: Color.fromRGBO(49, 39, 79, 1), fontWeight: FontWeight.bold,fontSize: 20))
        ),
        Padding(padding: const EdgeInsets.all(8.0),
          child: CircleAvatar(
            backgroundImage: NetworkImage(imageUrl),
          ),
        ),
      ],
    ),
  ]

顺便说一句:你不需要new。因为Dart 2.0是可选的。