Плавающая кнопка FAB в Flutter

Круглая кнопка в углу экрана - частый приём для «создать» или «добавить». Кнопка FloatingActionButton (часто говорят FAB) крепится к Scaffold полем floatingActionButton и рисуется поверх body.

На FAB обычно одна иконка в child, реже короткий текст. По умолчанию кнопка стоит в правом нижнем углу с отступом от края. Обработчик onPressed работает так же, как у других кнопок. Сейчас по нажатию достаточно 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(
			appBar: AppBar(title: const Text('Tasks')),
			body: const Center(child: Text('Nothing yet')),
			floatingActionButton: FloatingActionButton(
				onPressed: () {
					debugPrint('New task');
				},
				child: const Icon(Icons.add),
			),
		);
	}
}

На экране со Scaffold добавьте FloatingActionButton с иконкой Icons.edit. По нажатию выведите в консоль 'Edit'.