refactor: Improved navigation with go_router

- Configured routes for headlines
- Added routes for search
- Integrated AppScaffold

Author: fulleni

lib/app/view/app_scaffold.dart

@@ -1,33 +1,42 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_adaptive_scaffold/flutter_adaptive_scaffold.dart';
+import 'package:go_router/go_router.dart';
+import 'package:ht_main/router/routes.dart';
 
 class AppScaffold extends StatelessWidget {
-  const AppScaffold({super.key});
+  const AppScaffold({required this.child, super.key});
+
+  final Widget child;
 
   @override
   Widget build(BuildContext context) {
     return AdaptiveScaffold(
-      // NAVIGATION
       useDrawer: false,
       destinations: const [
         NavigationDestination(
           icon: Icon(Icons.view_headline),
           label: 'Headlines',
+          selectedIcon: Icon(Icons.view_headline),
         ),
         NavigationDestination(
           icon: Icon(Icons.search),
           label: 'Search',
+          selectedIcon: Icon(Icons.search),
         ),
       ],
-      // MAIN BODY
-      smallBody: (context) => const Placeholder(),
-      body: (context) => const Placeholder(),
-      largeBody: (context) => const Placeholder(),
-
-      // SECONDARY BODY
+      smallBody: (_) => child,
+      body: (_) => child,
+      largeBody: (_) => child,
       smallSecondaryBody: AdaptiveScaffold.emptyBuilder,
       secondaryBody: AdaptiveScaffold.emptyBuilder,
       largeSecondaryBody: AdaptiveScaffold.emptyBuilder,
+      onSelectedIndexChange: (index) {
+        if (index == 0) {
+          context.go(Routes.headlines);
+        } else if (index == 1) {
+          context.go(Routes.search);
+        }
+      },
     );
   }
 }

lib/headlines/view/headlines_page.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HeadlinesPage extends StatelessWidget {
+  const HeadlinesPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Placeholder(); // Placeholder for now
+  }
+}

lib/router/router.dart

@@ -1,14 +1,29 @@
 import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:ht_main/app/view/app_scaffold.dart';
+import 'package:ht_main/router/routes.dart';
+import 'package:ht_main/search/search.dart';
 
 final appRouter = GoRouter(
   routes: [
-    GoRoute(
-      path: '/',
-      builder: (BuildContext context, GoRouterState state) {
-        return const AppScaffold();
+    ShellRoute(
+      builder: (context, state, child) {
+        return AppScaffold(child: child);
       },
+      routes: [
+        GoRoute(
+          path: Routes.headlines,
+          builder: (BuildContext context, GoRouterState state) {
+            return const Placeholder(); // Use Placeholder for Headlines
+          },
+        ),
+        GoRoute(
+          path: Routes.search,
+          builder: (BuildContext context, GoRouterState state) {
+            return const SearchPage();
+          },
+        ),
+      ],
     ),
   ],
 );

lib/router/routes.dart

@@ -0,0 +1,5 @@
+abstract final class Routes {
+  static const home = '/';
+  static const headlines = '/headlines';
+  static const search = '/search';
+}

pubspec.yaml

@@ -1,6 +1,6 @@
 name: ht_main
 description: main headlines toolkit mobile app.
-version: 0.3.0
+version: 0.3.1
 publish_to: none
 repository: https://github.com/Headlines-Toolkit/ht-main
 environment: