Flutter change Drawer UserAccountsDrawerHeader布局

Question

我正在构建我的第一个Flutter应用程序，所以我的问题是：您是否可以更改UserAccountsDrawerHeader的个人资料图片的布局，例如this image i want to put the image on the left side of the username

这是我的代码

class SideMenu extends StatefulWidget {
  SideMenu({Key key}) : super(key: key);

  @override
  _SideMenuState createState() => _SideMenuState();
}

class _SideMenuState extends State<SideMenu> {
  @override
  Widget build(BuildContext context) {
    return Drawer(
      child: Column(
        children: <Widget>[

          UserAccountsDrawerHeader(
            accountEmail: Text('@User'),
            accountName: Text('user'),
            currentAccountPicture: CircleAvatar(
              backgroundImage: AssetImage("assets/Images/profilePic.jpg"),

            ),
          ),

          ListTile(
            title: Text('hey'),
          )
        ],
       )
    );
  }
}

Answer 1

您可以通过将row Widget提供给accountName属性来实现，如下面的代码。

UserAccountsDrawerHeader(
          accountEmail: Text('@User'),
          accountName: Row(
            children: <Widget>[
              CircleAvatar(
                backgroundColor: Colors.redAccent,
                child: Icon(
                  Icons.check,
                ),
              ),
              Text('user'),
            ],
          ),
          currentAccountPicture: CircleAvatar(
            backgroundColor: Colors.redAccent,
            child: Icon(
              Icons.check,
            ),
          ),
        ),