Navigation with Navigator 1

Fri, 24 Jul 2026 19:00:00 +0800

Learn Flutter’s Navigator API with practical examples of push, pop, pushReplacement, pushAndRemoveUntil, popUntil, canPop, and passing data between routes.

main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

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

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

 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(title: const Text("Home")),
 body: Center(
 child: ElevatedButton(
 onPressed: () async {
 final route = DetailsPage.route();
 final result = await Navigator.push(context, route);
 print(result);
 },
 child: const Text("Go to Details"),
 ),
 ),
 );
 }
}

class DetailsPage extends StatelessWidget {
 const DetailsPage({super.key, required this.value});
 final int value;

 static MaterialPageRoute route() => MaterialPageRoute(
 builder: (context) => DetailsPage(value: 123),
 settings: RouteSettings(arguments: 12312),
 );

 @override
 Widget build(BuildContext context) {
 final canPop = ModalRoute.of(context)?.canPop ?? false;

 return Scaffold(
 appBar: AppBar(title: const Text("Details")),
 body: Center(
 child: Column(
 spacing: 16,
 mainAxisSize: .min,
 children: [
 if (canPop) CloseButtonIcon(),

 ElevatedButton(
 onPressed: () {
 Navigator.of(context).pop("hello");
 },
 child: const Text("pop(result)"),
 ),

 ElevatedButton(
 onPressed: () {
 Navigator.of(context).pushReplacement(SettingsPage.route());
 },
 child: const Text("Settings with pushReplacement"),
 ),

 ElevatedButton(
 onPressed: () {
 Navigator.of(context).push(SettingsPage.route());
 },
 child: const Text("Settings with push"),
 ),

 ElevatedButton(
 onPressed: () {
 Navigator.of(context).pushAndRemoveUntil(SettingsPage.route(), (
 route,
 ) {
 return false;
 });
 },
 child: const Text("pushAndRemoveUntil"),
 ),
 ],
 ),
 ),
 );
 }
}

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

 static MaterialPageRoute route() =>
 MaterialPageRoute(builder: (_) => SettingsPage());

 @override
 Widget build(BuildContext context) {
 return Scaffold(
 appBar: AppBar(title: const Text("Settings")),
 body: Center(
 child: Column(
 mainAxisSize: .min,
 children: [
 ElevatedButton(
 onPressed: () {
 Navigator.of(context).popUntil((route) {
 return route.isFirst;
 });
 },
 child: const Text("popUntil(Home)"),
 ),

 ElevatedButton(
 onPressed: () {
 debugPrint("canPop: ${Navigator.canPop(context)}");
 Navigator.maybePop(context);
 },
 child: const Text("canPop / maybePop"),
 ),
 ],
 ),
 ),
 );
 }
}

Flutter Go-Router

Tue, 20 Oct 2026 19:00:00 +0600

GoRouter in Flutter

go_router on pub.dev↗

Source Code

Setup, Route Configuration & Sub-Routes

Previous Navigator 2.0 implementation: https://github.com/yeasin50/lisa_fischer

Path Parameters, Query Parameters & Exit Dialog

Redirection & Async Redirects

Navigation on @yt.yeasin50

Navigation with Navigator 1

Flutter Go-Router