Виджет Banner

Виджет Banner накладывает текст, например «DEBUG», на child. Сообщение - message, расположение - location, цвет - color, видимость - visible. MaterialApp может показывать Banner для debugShowCheckedModeBanner.

Синтаксис

Banner(
	message: 'abcde',
	location: BannerLocation.topEnd,
	child: Container(width: 200, height: 100, color: Colors.grey),
)

Параметры

Параметр	Описание
`message`	Текст на ленте.
`location`	Угол child, где крепится лента.
`child`	Виджет под лентой.

Пример

Давайте пометим блок лентой DEBUG:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Banner(
						message: 'abcde',
						location: BannerLocation.topStart,
						child: SizedBox(
							width: 160,
							height: 80,
							child: ColoredBox(color: Colors.blue.shade100),
						),
					),
				),
			),
		),
	);
}

В углу прямоугольника диагональная лента 'abcde'.

Пример

Давайте скроем ленту visible: false:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			debugShowCheckedModeBanner: false,
			home: Scaffold(
				body: Center(child: Text('12345')),
			),
		),
	);
}

У MaterialApp не будет угловой debug-ленты.

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

виджет MaterialBanner,
полоска под AppBar
виджет Badge,
метка-счётчик
виджет MaterialApp,
debugShowCheckedModeBanner
виджет SnackBar,
сообщение внизу экрана