Кнопка ElevatedButton в Flutter

Кнопка с заливкой и тенью в Material называется ElevatedButton. Её ставят для главного действия на экране: сохранить, отправить, продолжить. Подпись или иконка живут в параметре child.

Обработчик нажатия передают в onPressed. Если передать null, кнопка станет неактивной. Пока экран не меняется от клика - мы только фиксируем событие в консоли через debugPrint. Чтобы текст и счётчики обновлялись после нажатия, понадобится состояние; это разберём в разделе про состояние виджета:

import 'package:flutter/material.dart';

void main() {
	runApp(const MaterialApp(home: HomePage()));
}

class HomePage extends StatelessWidget {
	const HomePage({super.key});

	@override
	Widget build(BuildContext context) {
		return Scaffold(
			body: Center(
				child: ElevatedButton(
					onPressed: () {
						debugPrint('Main button pressed');
					},
					child: const Text('Done'),
				),
			),
		);
	}
}

Разместите по центру ElevatedButton с текстом 'Start'. По нажатию выведите в консоль строку 'Start tapped' через debugPrint.