87 lines
2.4 KiB
Dart
87 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:iroute/components/components.dart';
|
|
import '../router/app_router_delegate.dart';
|
|
import '../router/iroute_config.dart';
|
|
|
|
class AppNavigationRail extends StatefulWidget {
|
|
const AppNavigationRail({super.key});
|
|
|
|
@override
|
|
State<AppNavigationRail> createState() => _AppNavigationRailState();
|
|
}
|
|
|
|
class _AppNavigationRailState extends State<AppNavigationRail> {
|
|
final List<MenuMeta> deskNavBarMenus = const [
|
|
MenuMeta(label: '颜色板', icon: Icons.color_lens_outlined, path: '/color'),
|
|
MenuMeta(label: '计数器', icon: Icons.add_chart, path: '/counter'),
|
|
MenuMeta(label: '排序', icon: Icons.sort, path: '/sort'),
|
|
MenuMeta(label: '我的', icon: Icons.person, path: '/user'),
|
|
MenuMeta(label: '设置', icon: Icons.settings, path: '/settings'),
|
|
];
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
router.addListener(_onRouterChange);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
router.removeListener(_onRouterChange);
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DragToMoveWrap(
|
|
child: TolyNavigationRail(
|
|
items: deskNavBarMenus,
|
|
leading: const Padding(
|
|
padding: EdgeInsets.symmetric(vertical: 18.0),
|
|
child: FlutterLogo(),
|
|
),
|
|
tail: Padding(
|
|
padding: const EdgeInsets.only(bottom: 6.0),
|
|
child: Text(
|
|
'V0.0.8',
|
|
style: TextStyle(color: Colors.white, fontSize: 12),
|
|
),
|
|
),
|
|
backgroundColor: const Color(0xff3975c6),
|
|
onDestinationSelected: _onDestinationSelected,
|
|
selectedIndex: activeIndex,
|
|
),
|
|
);
|
|
}
|
|
|
|
RegExp _segReg = RegExp(r'/\w+');
|
|
|
|
int? get activeIndex {
|
|
String path = router.path;
|
|
RegExpMatch? match = _segReg.firstMatch(path);
|
|
if (match == null) return null;
|
|
String? target = match.group(0);
|
|
int index = deskNavBarMenus.indexWhere((menu) => menu.path == target);
|
|
if (index == -1) return null;
|
|
return index;
|
|
}
|
|
|
|
void _onDestinationSelected(int index) {
|
|
String path = deskNavBarMenus[index].path!;
|
|
if (index == 1) {
|
|
router.changePath(path, keepAlive: true);
|
|
return;
|
|
}
|
|
if (index == 4) {
|
|
router.changePath(path, style: RouteStyle.push);
|
|
return;
|
|
} else {
|
|
router.changePath(path);
|
|
}
|
|
}
|
|
|
|
void _onRouterChange() {
|
|
setState(() {});
|
|
}
|
|
}
|