Виджет MaterialButton

Виджет MaterialButton рисует прямоугольную кнопку с splash. Подпись - в child, нажатие - в onPressed, цвет - в color, форма - в shape. В новых проектах чаще берут ElevatedButton или FilledButton.

Синтаксис

MaterialButton(
	onPressed: () {},
	color: Colors.blue,
	child: Text('abcde'),
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

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

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

Пример

Давайте зададим color:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: MaterialButton(
						color: Colors.orange,
						onPressed: () {},
						child: Text('12345'),
					),
				),
			),
		),
	);
}

Кнопка с оранжевым фоном.

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

виджет ElevatedButton,
современная кнопка с elevation
виджет TextButton,
плоская кнопка
виджет Material,
подложка под splash
виджет InkWell,
всплеск на Material