refactor(app): further improved navigation and localization

Author: fulleni

lib/app/bloc/app_bloc.dart

@@ -0,0 +1,13 @@
+import 'package:bloc/bloc.dart';
+import 'package:meta/meta.dart';
+
+part 'app_event.dart';
+part 'app_state.dart';
+
+class AppBloc extends Bloc<AppEvent, AppState> {
+  AppBloc() : super(const AppState()) {
+    on<AppNavigationIndexChanged>((event, emit) {
+      emit(state.copyWith(selectedIndex: event.index));
+    });
+  }
+}

lib/app/bloc/app_event.dart

@@ -0,0 +1,10 @@
+part of 'app_bloc.dart';
+
+@immutable
+sealed class AppEvent {}
+
+final class AppNavigationIndexChanged extends AppEvent {
+  AppNavigationIndexChanged({required this.index});
+
+  final int index;
+}

lib/app/bloc/app_state.dart

@@ -0,0 +1,13 @@
+part of 'app_bloc.dart';
+
+@immutable
+class AppState {
+  const AppState({this.selectedIndex = 0});
+  final int selectedIndex;
+
+  AppState copyWith({int? selectedIndex}) {
+    return AppState(
+      selectedIndex: selectedIndex ?? this.selectedIndex,
+    );
+  }
+}

lib/app/view/app.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:ht_main/l10n/l10n.dart';
 import 'package:ht_main/router/router.dart';
 import 'package:ht_main/theme/cubit/theme_cubit.dart';
 
@@ -15,6 +16,8 @@ class App extends StatelessWidget {
           return MaterialApp.router(
             theme: state.themeData,
             routerConfig: appRouter,
+            localizationsDelegates: AppLocalizations.localizationsDelegates,
+            supportedLocales: AppLocalizations.supportedLocales,
           );
         },
       ),

lib/app/view/app_scaffold.dart

@@ -1,7 +1,7 @@
 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';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:ht_main/app/bloc/app_bloc.dart';
 
 class AppScaffold extends StatelessWidget {
   const AppScaffold({required this.child, super.key});
@@ -10,33 +10,44 @@ class AppScaffold extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return AdaptiveScaffold(
-      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),
-        ),
-      ],
-      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);
-        }
-      },
+    return BlocProvider(
+      create: (context) => AppBloc(),
+      child: BlocBuilder<AppBloc, AppState>(
+        builder: (context, state) {
+          return AdaptiveScaffold(
+            useDrawer: false,
+            smallBody: (_) => child,
+            body: (_) => child,
+            largeBody: (_) => child,
+            smallSecondaryBody: AdaptiveScaffold.emptyBuilder,
+            secondaryBody: AdaptiveScaffold.emptyBuilder,
+            largeSecondaryBody: AdaptiveScaffold.emptyBuilder,
+            selectedIndex: state.selectedIndex,
+            onSelectedIndexChange: (index) {
+              context
+                  .read<AppBloc>()
+                  .add(AppNavigationIndexChanged(index: index));
+            },
+            destinations: const [
+              NavigationDestination(
+                icon: Icon(Icons.view_headline_outlined),
+                selectedIcon: Icon(Icons.view_headline),
+                label: 'Headlines',
+              ),
+              NavigationDestination(
+                icon: Icon(Icons.search_outlined),
+                selectedIcon: Icon(Icons.search),
+                label: 'Search',
+              ),
+              NavigationDestination(
+                icon: Icon(Icons.account_circle_outlined),
+                selectedIcon: Icon(Icons.account_circle),
+                label: 'Account',
+              ),
+            ],
+          );
+        },
+      ),
     );
   }
 }

lib/router/router.dart

@@ -1,10 +1,11 @@
 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/headlines/view/headlines_page.dart';
 import 'package:ht_main/router/routes.dart';
-import 'package:ht_main/search/search.dart';
 
 final appRouter = GoRouter(
+  initialLocation: Routes.headlines,
   routes: [
     ShellRoute(
       builder: (context, state, child) {
@@ -14,13 +15,27 @@ final appRouter = GoRouter(
         GoRoute(
           path: Routes.headlines,
           builder: (BuildContext context, GoRouterState state) {
-            return const Placeholder(); // Use Placeholder for Headlines
+            return const HeadlinesPage();
           },
         ),
         GoRoute(
           path: Routes.search,
           builder: (BuildContext context, GoRouterState state) {
-            return const SearchPage();
+            return const Placeholder(
+              child: Center(
+                child: Text('SEARCH PAGE'),
+              ),
+            );
+          },
+        ),
+        GoRoute(
+          path: Routes.account,
+          builder: (BuildContext context, GoRouterState state) {
+            return const Placeholder(
+              child: Center(
+                child: Text('ACCOUNT PAGE'),
+              ),
+            );
           },
         ),
       ],

lib/router/routes.dart

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