Виджет Chip

Виджет Chip показывает небольшую «таблетку» с подписью. Текст передают в label, аватар слева - в avatar, удаление - через onDeleted. Специализированные варианты: ActionChip, ChoiceChip, FilterChip, InputChip.

Синтаксис

Chip(
	label: Text('abcde'),
	deleteIcon: Icon(Icons.close),
	onDeleted: () {},
)

Параметры

Параметр	Описание
`label`	Основная подпись на метке.
`avatar`	Круглый виджет слева от текста.
`onDeleted`	Показать крестик и вызвать обработчик.

Пример

Давайте выведем Chip по центру:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Chip(label: Text('abcde')),
				),
			),
		),
	);
}

На экране серая метка с текстом 'abcde'.

Пример

Давайте добавим удаление:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Chip(
						label: Text('12345'),
						onDeleted: () {},
					),
				),
			),
		),
	);
}

Справа на метке появится иконка крестика.

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

виджет ActionChip,
который реагирует на нажатие как кнопка
виджет FilterChip,
который переключает фильтр
виджет ChoiceChip,
который выбирают из группы
виджет InputChip,
который ведёт себя как поле ввода тегов