Flutter 应用栏左侧操作

Question

我试图将顶部 AppBar 操作向左对齐，但失败了

     Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          titleSpacing: 0.0,
          elevation: 5.0,
          backgroundColor: Color(0xff201F23),
          title: Icon(
            Icons.polymer,
            color: Colors.orange,
            size: 30.0,
          ),
          actions: <Widget>[
            Container(
                margin: EdgeInsets.fromLTRB(0, 8, 10, 8),
                child: CircleAvatar(
                  backgroundImage: ExactAssetImage('assets/Bronze.jpg'),
                ),
                decoration: new BoxDecoration(
                  border: new Border.all(
                    color: Colors.orange,
                    width: 1.0,
                  ),
                  borderRadius: new BorderRadius.all(new Radius.circular(50.0)),
                )),
            Container(
              //margin: EdgeInsets.fromLTRB(0, 0, 130, 0),
              child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  crossAxisAlignment: CrossAxisAlignment.start,
                  children: <Widget>[
                    Container(
                      child: Text(
                        'Ov3rControl',
                        style: TextStyle(fontSize: 12.0),
                      ),
                    ),
                    SizedBox(height: 4.0),
                    Row(
                      children: <Widget>[
                        Icon(
                          Icons.trip_origin,
                          color: Colors.orange,
                          size: 12.0,
                        ),
                        SizedBox(width: 4.0),
                        Text('1000', style: TextStyle(fontSize: 12.0))
                      ],
                    ),
                  ]),
            )
          ],
        ),
        drawer: Drawer());
  }

我希望这些项目位于徽标旁边。我怎样才能做到这一点？我尝试将左边距添加到容器中，但是当用户的名称变大时设计就会中断另外，我是颤振的新手，有什么方法可以使此代码更好吗？

Answer 1

您还可以使用 AppBar 中的前导属性并将您的小部件传递给它

leading: IconButton(
            icon: Icon(Icons.shopping_cart),
            tooltip: 'Open shopping cart',
            onPressed: () {
              // handle the press
            },
          ),

Answer 2

这是你想要的？

找到以下代码中的更改：

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(
      titleSpacing: 0.0,
      elevation: 5.0,
      backgroundColor: Color(0xff201F23),
      title: Row(
        children: <Widget>[
          Icon(
            Icons.polymer,
            color: Colors.orange,
            size: 30.0,
          ),
          SizedBox(width: 15,),
          Container(
              margin: EdgeInsets.fromLTRB(0, 8, 10, 8),
              child: CircleAvatar(
                backgroundImage: ExactAssetImage('assets/Bronze.jpg'),
              ),
              decoration: new BoxDecoration(
                border: new Border.all(
                  color: Colors.orange,
                  width: 1.0,
                ),
                borderRadius: new BorderRadius.all(new Radius.circular(50.0)),
              )),
          Container(
            //margin: EdgeInsets.fromLTRB(0, 0, 130, 0),
            child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Container(
                    child: Text(
                      'Ov3rControl',
                      style: TextStyle(fontSize: 12.0),
                    ),
                  ),
                  SizedBox(height: 4.0),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    children: <Widget>[
                      Icon(
                        Icons.trip_origin,
                        color: Colors.orange,
                        size: 12.0,
                      ),
                      SizedBox(width: 4.0),
                      Text('1000', style: TextStyle(fontSize: 12.0))
                    ],
                  ),
                ]
            ),
          )
        ],
      ),
    ),
    drawer: Drawer()
  );
}