Виджет ActionChip

Виджет ActionChip похож на Chip, но ведёт себя как кнопка. Подпись - в label, нажатие - в onPressed, иконка слева - в avatar. Используют для быстрых действий рядом с текстом.

Синтаксис

ActionChip(
	label: Text('abcde'),
	onPressed: () {},
)

Параметры

Параметр	Описание
`label`	Текст на метке.
`onPressed`	Вызывается при нажатии.
`avatar`	Маленький виджет слева.

Пример

Давайте покажем ActionChip:

import 'package:flutter/material.dart';

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

Метка с текстом 'abcde' реагирует на нажатие.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Wrap(
					spacing: 8,
					children: [
						ActionChip(
							avatar: Icon(Icons.add, size: 18),
							label: Text('12345'),
							onPressed: () {},
						),
					],
				),
			),
		),
	);
}

Слева от подписи виден плюс.

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

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