Виджет FilledButton

Виджет FilledButton, основная залитая кнопка Material 3. Подпись - в child, нажатие - в onPressed, стиль - в style. Тonal варианты: именованные конструкторы tonal и tonalIcon.

Синтаксис

FilledButton(
	onPressed: () {},
	child: Text('abcde'),
)

Параметры

Параметр	Описание
`onPressed`	Обработчик нажатия.
`child`	Текст или виджет на кнопке.
`style`	`ButtonStyle` заливки и текста.

Методы

Метод	Описание
`tonal`	Создаёт вторичную залитую кнопку `Material` `3`.
`tonalIcon`	Создаёт tonal-кнопку с иконкой.

Пример

Давайте выведем FilledButton:

import 'package:flutter/material.dart';

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

Кнопка с заливкой и текстом 'abcde'.

Пример

Давайте используем FilledButton.tonal:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: FilledButton.tonal(
						onPressed: () {},
						child: Text('12345'),
					),
				),
			),
		),
	);
}

Tonal кнопка с более мягким фоном.

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

виджет ElevatedButton,
кнопка Material 2 с тенью
виджет OutlinedButton,
кнопка с контуром
виджет TextButton,
плоская текстовая кнопка
класс ButtonStyle,
оформление FilledButton