add NavigationPage

example/lib/example_page_items.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:yaru_icons/yaru_icons.dart';
+
 import 'pages/banner_page.dart';
 import 'pages/carousel_page.dart';
 import 'pages/checkbox_page.dart';
@@ -8,6 +9,7 @@ import 'pages/dialog_page.dart';
 import 'pages/draggable_page.dart';
 import 'pages/expandable_page.dart';
 import 'pages/icon_button_page.dart';
+import 'pages/navigation_page.dart';
 import 'pages/option_button_page.dart';
 import 'pages/popup_page.dart';
 import 'pages/progress_indicator_page.dart';
@@ -96,6 +98,12 @@ final examplePageItems = <PageItem>[
     iconBuilder: (context, selected) => const Icon(YaruIcons.app_grid),
     pageBuilder: (_) => const IconButtonPage(),
   ),
+  PageItem(
+    titleBuilder: (context) => const Text('NavigationPage'),
+    tooltipMessage: 'YaruNavigationPage',
+    iconBuilder: (context, selected) => const Icon(YaruIcons.compass),
+    pageBuilder: (_) => const NavigationPage(),
+  ),
   PageItem(
     titleBuilder: (context) => const Text('YaruOptionButton'),
     tooltipMessage: 'YaruOptionButton',

example/lib/pages/navigation_page.dart

@@ -0,0 +1,58 @@
+import 'package:flutter/material.dart';
+import 'package:yaru_widgets/yaru_widgets.dart';
+
+class NavigationPage extends StatelessWidget {
+  const NavigationPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.all(kYaruPagePadding),
+      child: Center(
+        child: OutlinedButton(
+          onPressed: () => Navigator.of(context)
+              .push(MaterialPageRoute(builder: (_) => _PageTwo())),
+          child: const Text('next page'),
+        ),
+      ),
+    );
+  }
+}
+
+class _PageTwo extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: Navigator.of(context).canPop() ? const YaruBackButton() : null,
+        title: const Text('Page 2'),
+      ),
+      body: Padding(
+        padding: const EdgeInsets.all(kYaruPagePadding),
+        child: Center(
+          child: OutlinedButton(
+            onPressed: () => Navigator.of(context)
+                .push(MaterialPageRoute(builder: (_) => _PageThree())),
+            child: const Text('next page'),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class _PageThree extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        leading: Navigator.of(context).canPop() ? const YaruBackButton() : null,
+        title: const Text('Page 3'),
+      ),
+      body: const Padding(
+        padding: EdgeInsets.all(kYaruPagePadding),
+        child: Center(child: Text('this is the last page')),
+      ),
+    );
+  }
+}