Виджет InputChip

Виджет InputChip используют для тегов и выбранных значений. Подпись - в label, нажатие - в onPressed, удаление - в onDeleted, выбор - через selected и onSelected.

Синтаксис

InputChip(
	label: Text('abcde'),
	onDeleted: () {},
	onPressed: () {},
)

Параметры

Параметр	Описание
`label`	Текст метки.
`onDeleted`	Показать крестик удаления.
`onPressed`	Нажатие на саму метку.

Пример

Давайте покажем InputChip с удалением:

import 'package:flutter/material.dart';

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

Метка 'abcde' с крестиком справа.

Пример

Давайте соберём ряд тегов:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Wrap(
					spacing: 8,
					children: [
						InputChip(label: Text('12345'), onDeleted: () {}),
						InputChip(label: Text('abcde'), onDeleted: () {}),
					],
				),
			),
		),
	);
}

Две метки в одной строке с возможностью удалить каждую.

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

виджет Chip,
простая метка без onPressed
виджет RawChip,
низкоуровневая основа для Chip
виджет FilterChip,
который переключает фильтр
виджет TextField,
рядом с которым показывают теги