93 lines
2.1 KiB
Dart
93 lines
2.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:iroute/components/components.dart';
|
|
import '../router/app_router_delegate.dart';
|
|
|
|
class AppTopBar extends StatelessWidget {
|
|
const AppTopBar({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return DragToMoveWrap(
|
|
child: Container(
|
|
alignment: Alignment.center,
|
|
height: 46,
|
|
child: const Row(
|
|
children: [
|
|
SizedBox(width: 16),
|
|
Expanded(child: Align(
|
|
alignment: Alignment.centerLeft,
|
|
child: RouterIndicator())),
|
|
WindowButtons()
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class RouterIndicator extends StatefulWidget {
|
|
const RouterIndicator({super.key});
|
|
|
|
@override
|
|
State<RouterIndicator> createState() => _RouterIndicatorState();
|
|
}
|
|
|
|
Map<String, String> kRouteLabelMap = {
|
|
'/color': '颜色板',
|
|
'/color/add': '添加颜色',
|
|
'/color/detail': '颜色详情',
|
|
'/counter': '计数器',
|
|
'/user': '我的',
|
|
'/settings': '系统设置',
|
|
};
|
|
|
|
|
|
class _RouterIndicatorState extends State<RouterIndicator> {
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
router.addListener(_onRouterChange);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
router.removeListener(_onRouterChange);
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return TolyBreadcrumb(
|
|
items: pathToBreadcrumbItems(router.path),
|
|
onTapItem: (item){
|
|
if(item.to!=null){
|
|
router.path = item.to!;
|
|
}
|
|
},
|
|
);
|
|
}
|
|
|
|
void _onRouterChange() {
|
|
setState(() {});
|
|
}
|
|
|
|
List<BreadcrumbItem> pathToBreadcrumbItems(String path) {
|
|
Uri uri = Uri.parse(path);
|
|
List<BreadcrumbItem> result = [];
|
|
String to = '';
|
|
|
|
String distPath = '';
|
|
for (String segment in uri.pathSegments) {
|
|
distPath += '/$segment';
|
|
}
|
|
|
|
for (String segment in uri.pathSegments) {
|
|
to += '/$segment';
|
|
String label = kRouteLabelMap[to] ?? '未知路由';
|
|
result.add(BreadcrumbItem(to: to, label: label,active: to==distPath));
|
|
}
|
|
return result;
|
|
}
|
|
}
|
|
|