Кнопка IconButton в Flutter

Когда места мало, действие показывают иконкой. Кнопка IconButton рисует квадратную зону касания вокруг Icon. Обязательные параметры - onPressed и icon.

В верхней панели справа обычно лежит список actions у AppBar. Туда кладут одну или несколько IconButton: поиск, настройки, поделиться. Пока нажатие только пишет в консоль; смену экрана от кнопок изучим в разделе про состояние:

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('Notes'),
				actions: [
					IconButton(
						onPressed: () {
							debugPrint('Search');
						},
						icon: const Icon(Icons.search),
					),
					IconButton(
						onPressed: () {
							debugPrint('More');
						},
						icon: const Icon(Icons.more_vert),
					),
				],
			),
			body: const Center(child: Text('Notes list')),
		);
	}
}

В AppBar с заголовком 'Catalog' добавьте в actions IconButton с Icons.favorite_border. По нажатию выведите 'Add to favorites' через debugPrint.