Виджет DrawerHeader

Виджет DrawerHeader ставят в начало Drawer. Содержимое - в child, фон - в decoration, отступ - в margin. Для аккаунта есть UserAccountsDrawerHeader.

Синтаксис

DrawerHeader(
	child: Text('abcde', style: TextStyle(color: Colors.white)),
)

Параметры

Параметр	Описание
`child`	Виджет внутри шапки.
`decoration`	Фон и градиент шапки.
`margin`	Отступы вокруг шапки.

Пример

Давайте оформим Drawer с шапкой:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				drawer: Drawer(
					child: ListView(
						children: [
							DrawerHeader(
								child: Text('abcde'),
							),
							ListTile(title: Text('12345')),
						],
					),
				),
				body: Center(child: Text('11111')),
			),
		),
	);
}

В drawer сверху цветная полоса с 'abcde'.

Пример

Давайте зададим свой decoration:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				drawer: Drawer(
					child: DrawerHeader(
						decoration: BoxDecoration(color: Colors.teal),
						child: Align(
							alignment: Alignment.bottomLeft,
							child: Text('12345'),
						),
					),
				),
			),
		),
	);
}

Шапка drawer станет бирюзовой с текстом внизу слева.

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

виджет UserAccountsDrawerHeader,
шапка с именем и email
виджет Drawer,
куда кладут DrawerHeader
виджет ListTile,
пункты под шапкой
виджет CircleAvatar,
который ставят в child шапки