Виджет UserAccountsDrawerHeader

Виджет UserAccountsDrawerHeader оформляет шапку drawer для пользователя. Имя - accountName, почта - accountEmail, аватар - currentAccountPicture, дополнительные аккаунты - otherAccountsPictures.

Синтаксис

UserAccountsDrawerHeader(
	accountName: Text('abcde'),
	accountEmail: Text('12345@mail.com'),
	currentAccountPicture: CircleAvatar(child: Text('A')),
)

Параметры

Параметр	Описание
`accountName`	Имя пользователя.
`accountEmail`	Строка email.
`currentAccountPicture`	Аватар текущего аккаунта.

Пример

Давайте оформим drawer с аккаунтом:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				drawer: Drawer(
					child: ListView(
						children: [
							UserAccountsDrawerHeader(
								accountName: Text('abcde'),
								accountEmail: Text('12345'),
								currentAccountPicture: CircleAvatar(child: Icon(Icons.person)),
							),
							ListTile(title: Text('11111')),
						],
					),
				),
				body: Center(child: Text('22222')),
			),
		),
	);
}

В drawer сверху имя 'abcde' и email '12345'.

Пример

Давайте добавим onDetailsPressed:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				drawer: Drawer(
					child: UserAccountsDrawerHeader(
						accountName: Text('12345'),
						accountEmail: Text('abcde'),
						onDetailsPressed: () {},
					),
				),
			),
		),
	);
}

Справа в шапке появится кнопка раскрытия деталей аккаунта.

Смотрите также

виджет DrawerHeader,
простая шапка без email
виджет Drawer,
боковое меню
виджет CircleAvatar,
аватар в currentAccountPicture
виджет ListTile,
пункты под шапкой