Simple NavigationBar and placeholder map view

lib/main.dart

@@ -3,6 +3,7 @@ import 'package:provider/provider.dart';
 
 import 'pages/flood_station_page.dart';
 import 'pages/landing_page.dart';
+import 'pages/main_navigation_scaffold.dart';
 import 'services/flood_station_provider.dart';
 import 'package:timezone/data/latest.dart' as tz;
 
@@ -27,9 +28,9 @@ class MyApp extends StatelessWidget {
         colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
         useMaterial3: true,
       ),
-      initialRoute: LandingPage.routeName,
+      initialRoute: MainNavigationScaffold.routeName,
       routes: {
-        LandingPage.routeName: (context) => LandingPage(),
+        MainNavigationScaffold.routeName: (context) => MainNavigationScaffold(),
         FloodStationPage.routeName: (context) => FloodStationPage(),
       },
     );

lib/pages/landing_page.dart

@@ -10,8 +10,6 @@ import 'flood_station_page.dart';
 class LandingPage extends StatefulWidget {
   const LandingPage({super.key});
 
-  static const routeName = '/';
-
   @override
   State<LandingPage> createState() => _LandingPageState();
 }
@@ -24,8 +22,7 @@ class _LandingPageState extends State<LandingPage> {
   @override
   Widget build(BuildContext context) {
     floodStationProvider = context.watch<FloodStationProvider>();
-    return Scaffold(
+    return Column(
-      body: Column(
       children: [
         StationFilter(
           onChanged: (filterText) {
@@ -49,8 +46,7 @@ class _LandingPageState extends State<LandingPage> {
                       : floodStationProvider.allStations,
                   onItemTapped: (station) {
                     floodStationProvider.selectedStation = station;
-                      Navigator.of(context)
+                    Navigator.of(context).pushNamed(FloodStationPage.routeName);
-                          .pushNamed(FloodStationPage.routeName);
                   },
                 ),
               )
@@ -58,8 +54,7 @@ class _LandingPageState extends State<LandingPage> {
                 child: Center(
                   child: ElevatedButton(
                     onPressed: () {
-                        showLoadingNotifier(
+                      showLoadingNotifier(context: context, message: 'Loading');
-                            context: context, message: 'Loading');
                       floodStationProvider
                           .loadAllStations()
                           .whenComplete(() => removeLoadingNotifier());
@@ -69,7 +64,6 @@ class _LandingPageState extends State<LandingPage> {
                 ),
               ),
       ],
-      ),
     );
   }
 

lib/pages/main_navigation_scaffold.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+
+import 'landing_page.dart';
+import 'map_page.dart';
+
+class MainNavigationScaffold extends StatefulWidget {
+  const MainNavigationScaffold({super.key});
+  static const routeName = '/';
+
+  @override
+  State<MainNavigationScaffold> createState() => _MainNavigationScaffoldState();
+}
+
+class _MainNavigationScaffoldState extends State<MainNavigationScaffold> {
+  int _selectedPageIndex = 0;
+
+  final List<Widget> _pages = [
+    const LandingPage(),
+    const MapPage(),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      bottomNavigationBar: NavigationBar(
+        selectedIndex: _selectedPageIndex,
+        onDestinationSelected: (value) => setState(() {
+          _selectedPageIndex = value;
+        }),
+        destinations: [
+          NavigationDestination(icon: Icon(Icons.list), label: 'List'),
+          NavigationDestination(icon: Icon(Icons.map_outlined), label: 'Map'),
+        ],
+      ),
+      body: IndexedStack(
+        index: _selectedPageIndex,
+        children: _pages,
+      ),
+    );
+  }
+}

lib/pages/map_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class MapPage extends StatelessWidget {
+  const MapPage({super.key});
+  static const routeName = '/map';
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder();
+  }
+}

pubspec.yaml

@@ -17,6 +17,7 @@ dependencies:
   provider: ^6.1.2
   timezone: ^0.10.0
   async: ^2.11.0
+  flutter_osm_plugin: ^1.3.6
 
 dev_dependencies:
   flutter_test: