v3

lib/v3/app/navigation/views/app_navigation_rail.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:iroute/components/toly_ui/toly_ui.dart';
+import '../router/app_router_delegate.dart';
+
+class AppNavigationRail extends StatefulWidget {
+  const AppNavigationRail({super.key});
+
+  @override
+  State<AppNavigationRail> createState() => _AppNavigationRailState();
+}
+
+class _AppNavigationRailState extends State<AppNavigationRail> {
+  final List<NavigationRailDestination> destinations = const [
+    NavigationRailDestination(icon: Icon(Icons.color_lens_outlined), label: Text("颜色板")),
+    NavigationRailDestination(icon: Icon(Icons.add_chart), label: Text("计数器")),
+    NavigationRailDestination(icon: Icon(Icons.person), label: Text("我的")),
+    NavigationRailDestination(icon: Icon(Icons.settings), label: Text("设置")),
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    router.addListener(_onRouterChange);
+  }
+
+  @override
+  void dispose() {
+    router.removeListener(_onRouterChange);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TolyNavigationRail(
+      leading: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 18.0),
+        child: FlutterLogo(),
+      ),
+      backgroundColor: const Color(0xff3975c6),
+      onDestinationSelected: _onDestinationSelected,
+      selectedIndex: router.activeIndex,
+    );
+
+    // return NavigationRail(
+    //   backgroundColor: Colors.transparent,
+    //   labelType: NavigationRailLabelType.all,
+    //   onDestinationSelected: _onDestinationSelected,
+    //   destinations: destinations,
+    //   selectedIndex: router.activeIndex,
+    // );
+  }
+
+  void _onDestinationSelected(int index) {
+    router.path = kDestinationsPaths[index];
+  }
+
+  void _onRouterChange() {
+    setState(() {});
+  }
+}