Флаттер изменить макет DrawA UserAccountsDrawerHeader - PullRequest
Новая
       18

Флаттер изменить макет DrawA UserAccountsDrawerHeader

0 голосов
/ 19 февраля 2020

Я создаю свое первое приложение для создания флаттера, поэтому мой вопрос таков: можете ли вы изменить макет профиля pi c UserAccountsDrawerHeader, например это изображение, которое я хочу разместить на левой стороне имя пользователя

Вот мой код 

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'),
          )
        ],
       )
    );
  }
}

1 Ответ

0 голосов
/ 19 февраля 2020

Этого можно добиться, предоставив виджет строки для свойства accountName, как показано ниже. 

UserAccountsDrawerHeader(
          accountEmail: Text(''), // keep blank text because email is required
          accountName: Row(
            children: <Widget>[
              Container(
                width: 50,
                height: 50,
                decoration: BoxDecoration(shape: BoxShape.circle),
                child: CircleAvatar(
                  backgroundColor: Colors.redAccent,
                  child: Icon(
                    Icons.check,
                  ),
                ),
              ),
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: <Widget>[
                  Text('user'),
                  Text('@User'),
                ],
              ),
            ],
          ),
        ),
...