1
import 'package:flutter/material.dart';
2

3
// 1. 定义路由配置模型
4
class MyRoutePath {
5
  final String? location;
6
  MyRoutePath.home() : location = '/';
7
  MyRoutePath.details(this.location);
8
}
9

10
// 2. 解析 URL → 配置
11
class MyRouteParser extends RouteInformationParser<MyRoutePath> {
12
  @override
13
  Future<MyRoutePath> parseRouteInformation(
14
      RouteInformation routeInformation) async {
15
    final uri = Uri.parse(routeInformation.location ?? '/');
16
    if (uri.pathSegments.isEmpty) {
17
      return MyRoutePath.home();
18
    } else {
19
      return MyRoutePath.details('/' + uri.pathSegments.join('/'));
20
    }
21
  }
22

23
  @override
24
  RouteInformation restoreRouteInformation(MyRoutePath configuration) {
25
    return RouteInformation(location: configuration.location);
26
  }
27
}
28

29
// 3. 根据配置构建 Navigator
30
class MyRouterDelegate extends RouterDelegate<MyRoutePath>
31
    with ChangeNotifier, PopNavigatorRouterDelegateMixin<MyRoutePath> {
32
  final GlobalKey<NavigatorState> navigatorKey;
33

34
  String? _selectedLocation;
35

36
  MyRouterDelegate() : navigatorKey = GlobalKey<NavigatorState>();
37

38
  MyRoutePath get currentConfiguration {
39
    if (_selectedLocation == null) {
40
      return MyRoutePath.home();
41
    }
42
    return MyRoutePath.details(_selectedLocation);
43
  }
44

45
  @override
46
  Widget build(BuildContext context) {
47
    return Navigator(
48
      key: navigatorKey,
49
      pages: [
50
        // 始终存在的首页
51
        MaterialPage(key: ValueKey('HomePage'), child: HomePage(onTap: _handleTap)),
52
        // 如果有选中，就在栈顶加一个详情页
53
        if (_selectedLocation != null)
54
          MaterialPage(
55
            key: ValueKey('DetailsPage'),
56
            child: DetailsPage(location: _selectedLocation!),
57
          ),
58
      ],
59
      onPopPage: (route, result) {
60
        if (!route.didPop(result)) return false;
61
        // 处理返回：清空选中，刷新
62
        _selectedLocation = null;
63
        notifyListeners();
64
        return true;
65
      },
66
    );
67
  }
68

69
  void _handleTap(String location) {
70
    _selectedLocation = location;
71
    notifyListeners();
72
  }
73

74
  @override
75
  Future<void> setNewRoutePath(MyRoutePath configuration) async {
76
    if (configuration.location == '/') {
77
      _selectedLocation = null;
78
    } else {
79
      _selectedLocation = configuration.location;
80
    }
81
  }
82
}
83

84
// 4. 定义首页和详情页
85
class HomePage extends StatelessWidget {
86
  final void Function(String) onTap;
87
  HomePage({required this.onTap});
88

89
  @override
90
  Widget build(BuildContext context) {
91
    return Scaffold(
92
      appBar: AppBar(title: Text('首页')),
93
      body: ListView(
94
        children: ['foo', 'bar', 'baz']
95
            .map((e) => ListTile(title: Text(e), onTap: () => onTap(e)))
96
            .toList(),
97
      ),
98
    );
99
  }
100
}
101

102
class DetailsPage extends StatelessWidget {
103
  final String location;
104
  DetailsPage({required this.location});
105

106
  @override
107
  Widget build(BuildContext context) {
108
    return Scaffold(
109
      appBar: AppBar(title: Text('详情：$location')),
110
      body: Center(child: Text('当前路由：$location')),
111
    );
112
  }
113
}
114

115
// 5. 在 MaterialApp 中使用 Router
116
void main() {
117
  runApp(MaterialApp.router(
118
    routeInformationParser: MyRouteParser(),
119
    routerDelegate: MyRouterDelegate(),
120
  ));
121
}