Виджет BackButton

Виджет BackButton ставят в leading у AppBar на вложенных экранах. По умолчанию вызывает Navigator.pop, своё действие задают в onPressed, цвет иконки - в color.

Синтаксис

BackButton(
	onPressed: () {
		Navigator.pop(context);
	},
)

Параметры

Параметр	Описание
`onPressed`	Действие при нажатии. По умолчанию pop маршрута.
`color`	Цвет стрелки назад.

Пример

Давайте откроем второй экран с BackButton:

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: () {
						Navigator.push(
							context,
							MaterialPageRoute(
								builder: (context) => const DetailPage(),
							),
						);
					},
					child: Text('abcde'),
				),
			),
		);
	}
}

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

	@override
	Widget build(BuildContext context)
	{
		return Scaffold(
			appBar: AppBar(
				leading: BackButton(),
				title: Text('12345'),
			),
			body: Center(child: Text('abcde')),
		);
	}
}

Стрелка в AppBar вернёт на первый экран.

Пример

Давайте зададим свой onPressed:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				appBar: AppBar(
					leading: BackButton(onPressed: () {}),
					title: Text('abcde'),
				),
				body: Center(child: Text('12345')),
			),
		),
	);
}

Кнопка вызовет переданный обработчик вместо pop по умолчанию.

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

виджет CloseButton,
который закрывает диалог или drawer крестиком
виджет AppBar,
куда ставят BackButton в leading
виджет IconButton,
которым собирают произвольную кнопку в AppBar
виджет MaterialApp,
который включает Navigator для маршрутов