💄 Optimized tab router

2025-04-25 00:36:32 +08:00
parent 057ab16381
commit 7b8ee81f03
6 changed files with 116 additions and 79 deletions
--- a/lib/screens/auth/tabs.dart
+++ b/lib/screens/auth/tabs.dart
@ -0,0 +1,39 @@
+import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
+import 'package:island/route.gr.dart';
+import 'package:lucide_icons/lucide_icons.dart';
+
+@RoutePage()
+class TabsScreen extends StatelessWidget {
+  const TabsScreen({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return AutoTabsRouter.pageView(
+      routes: const [ExploreRoute(), AccountRoute()],
+      builder: (context, child, _) {
+        final tabsRouter = AutoTabsRouter.of(context);
+        return Scaffold(
+          extendBody: true,
+          extendBodyBehindAppBar: true,
+          backgroundColor: Colors.transparent,
+          body: child,
+          bottomNavigationBar: NavigationBar(
+            selectedIndex: tabsRouter.activeIndex,
+            onDestinationSelected: tabsRouter.setActiveIndex,
+            destinations: [
+              NavigationDestination(
+                label: 'Explore',
+                icon: const Icon(LucideIcons.compass),
+              ),
+              NavigationDestination(
+                label: 'Account',
+                icon: const Icon(LucideIcons.userCircle),
+              ),
+            ],
+          ),
+        );
+      },
+    );
+  }
+}