9
This commit is contained in:
49
lib/13/02/route/parsed_route.dart
Normal file
49
lib/13/02/route/parsed_route.dart
Normal file
@@ -0,0 +1,49 @@
|
||||
// Copyright 2021, the Flutter project authors. Please see the AUTHORS file
|
||||
// for details. All rights reserved. Use of this source code is governed by a
|
||||
// BSD-style license that can be found in the LICENSE file.
|
||||
|
||||
import 'package:collection/collection.dart';
|
||||
import 'package:quiver/core.dart';
|
||||
|
||||
/// A route path that has been parsed by [TemplateRouteParser].
|
||||
class ParsedRoute {
|
||||
/// The current path location without query parameters. (/book/123)
|
||||
final String path;
|
||||
|
||||
/// The path template (/book/:id)
|
||||
final String pathTemplate;
|
||||
|
||||
/// The path parameters ({id: 123})
|
||||
final Map<String, String> parameters;
|
||||
|
||||
/// The query parameters ({search: abc})
|
||||
final Map<String, String> queryParameters;
|
||||
|
||||
static const _mapEquality = MapEquality<String, String>();
|
||||
|
||||
ParsedRoute(
|
||||
this.path, this.pathTemplate, this.parameters, this.queryParameters);
|
||||
|
||||
@override
|
||||
bool operator ==(Object other) =>
|
||||
other is ParsedRoute &&
|
||||
other.pathTemplate == pathTemplate &&
|
||||
other.path == path &&
|
||||
_mapEquality.equals(parameters, other.parameters) &&
|
||||
_mapEquality.equals(queryParameters, other.queryParameters);
|
||||
|
||||
@override
|
||||
int get hashCode => hash4(
|
||||
path,
|
||||
pathTemplate,
|
||||
_mapEquality.hash(parameters),
|
||||
_mapEquality.hash(queryParameters),
|
||||
);
|
||||
|
||||
@override
|
||||
String toString() => '<ParsedRoute '
|
||||
'template: $pathTemplate '
|
||||
'path: $path '
|
||||
'parameters: $parameters '
|
||||
'query parameters: $queryParameters>';
|
||||
}
|
||||
153
lib/13/02/route/parser.dart
Normal file
153
lib/13/02/route/parser.dart
Normal file
@@ -0,0 +1,153 @@
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:iroute/common/pages/stl_color_page.dart';
|
||||
import 'package:path_to_regexp/path_to_regexp.dart';
|
||||
import '../pages/home_page.dart';
|
||||
import '../pages/color_add_page.dart';
|
||||
import '../store/app_state.dart';
|
||||
import 'parsed_route.dart';
|
||||
import 'route_state.dart';
|
||||
|
||||
class AppRouteParser extends RouteInformationParser<ParsedRoute> {
|
||||
final List<String> allowPaths;
|
||||
final ParsedRoute initialRoute;
|
||||
|
||||
AppRouteParser({
|
||||
required this.allowPaths,
|
||||
String initialRoute = '/',
|
||||
}) : initialRoute = ParsedRoute(initialRoute, initialRoute, {}, {});
|
||||
|
||||
@override
|
||||
Future<ParsedRoute> parseRouteInformation(
|
||||
RouteInformation routeInformation) async {
|
||||
print(
|
||||
"=======parseRouteInformation:${routeInformation.uri.path}===================");
|
||||
|
||||
final uri = routeInformation.uri;
|
||||
final path = uri.toString();
|
||||
final queryParams = uri.queryParameters;
|
||||
|
||||
ParsedRoute parsedRoute = initialRoute;
|
||||
|
||||
for (var pathTemplate in allowPaths) {
|
||||
final parameters = <String>[];
|
||||
var pathRegExp = pathToRegExp(pathTemplate, parameters: parameters);
|
||||
if (pathRegExp.hasMatch(path)) {
|
||||
final match = pathRegExp.matchAsPrefix(path);
|
||||
if (match == null) continue;
|
||||
final params = extract(parameters, match);
|
||||
parsedRoute = ParsedRoute(path, pathTemplate, params, queryParams);
|
||||
}
|
||||
}
|
||||
return parsedRoute;
|
||||
}
|
||||
|
||||
@override
|
||||
RouteInformation? restoreRouteInformation(ParsedRoute configuration) {
|
||||
print("=======restoreRouteInformation:${configuration}===================");
|
||||
|
||||
return RouteInformation(uri: Uri.parse(configuration.path));
|
||||
}
|
||||
}
|
||||
|
||||
class RootRouterDelegate extends RouterDelegate<ParsedRoute>
|
||||
with ChangeNotifier, PopNavigatorRouterDelegateMixin {
|
||||
final RouteState routeState;
|
||||
|
||||
RootRouterDelegate(this.routeState) {
|
||||
routeState.addListener(notifyListeners);
|
||||
}
|
||||
|
||||
@override
|
||||
final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
|
||||
|
||||
@override
|
||||
ParsedRoute get currentConfiguration {
|
||||
print("=======currentConfiguration:${routeState.route.path}===================");
|
||||
|
||||
return routeState.route;
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
routeState.removeListener(notifyListeners);
|
||||
routeState.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
final _addColorKey = const ValueKey('addColor');
|
||||
final _detailColorKey = const ValueKey('detailColor');
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final routeState = RouteStateScope.of(context);
|
||||
List<Page> pages = [];
|
||||
final String pathTemplate = routeState.route.pathTemplate;
|
||||
|
||||
pages.add(MaterialPage(child: HomePage()));
|
||||
|
||||
String? selectedColor;
|
||||
|
||||
if (pathTemplate == '/color/detail/:colorHex') {
|
||||
selectedColor = routeState.route.parameters['colorHex'];
|
||||
}
|
||||
|
||||
if (selectedColor != null) {
|
||||
int value = int.parse(
|
||||
selectedColor.substring(
|
||||
1,
|
||||
),
|
||||
radix: 16);
|
||||
pages.add(MaterialPage(
|
||||
key: _detailColorKey,
|
||||
child: StlColorPage(
|
||||
color: Color(value),
|
||||
)));
|
||||
}
|
||||
|
||||
bool isAddPage = pathTemplate == '/color/add';
|
||||
if (isAddPage) {
|
||||
pages.add(
|
||||
MaterialPage(key: _addColorKey, child: ColorAddPage()),
|
||||
);
|
||||
}
|
||||
print("===build====================");
|
||||
return Navigator(
|
||||
key: navigatorKey,
|
||||
pages: pages,
|
||||
onPopPage: (route, result) {
|
||||
print(result);
|
||||
if (route.settings is Page &&
|
||||
(route.settings as Page).key == _addColorKey) {
|
||||
if(result is Color){
|
||||
AppStateScope.of(context).addColor(result);
|
||||
}
|
||||
routeState.update('/color');
|
||||
}
|
||||
|
||||
if (route.settings is Page &&
|
||||
(route.settings as Page).key == _detailColorKey) {
|
||||
routeState.update('/color');
|
||||
}
|
||||
// appState.selectedBook = null;
|
||||
// notifyListeners();
|
||||
return route.didPop(result);
|
||||
},
|
||||
);
|
||||
}
|
||||
|
||||
/// 格式: /a /b
|
||||
|
||||
@override
|
||||
Future<void> setNewRoutePath(ParsedRoute configuration) async {
|
||||
print("===setNewRoutePath===${configuration}=================");
|
||||
routeState.route = configuration;
|
||||
return;
|
||||
}
|
||||
|
||||
// @override
|
||||
// Future<void> setInitialRoutePath( configuration) async{
|
||||
// _pages = [_pageMap['/']!];
|
||||
// notifyListeners();
|
||||
// }
|
||||
}
|
||||
48
lib/13/02/route/route_state.dart
Normal file
48
lib/13/02/route/route_state.dart
Normal file
@@ -0,0 +1,48 @@
|
||||
// Copyright 2021, the Flutter project authors. Please see the AUTHORS file
|
||||
// for details. All rights reserved. Use of this source code is governed by a
|
||||
// BSD-style license that can be found in the LICENSE file.
|
||||
|
||||
import 'package:flutter/widgets.dart';
|
||||
|
||||
import 'parsed_route.dart';
|
||||
import 'parser.dart';
|
||||
|
||||
/// The current route state. To change the current route, call obtain the state
|
||||
/// using `RouteStateScope.of(context)` and call `go()`:
|
||||
///
|
||||
/// ```
|
||||
/// RouteStateScope.of(context).go('/book/2');
|
||||
/// ```
|
||||
class RouteState extends ChangeNotifier {
|
||||
final AppRouteParser _parser;
|
||||
ParsedRoute _route;
|
||||
|
||||
RouteState(this._parser) : _route = _parser.initialRoute;
|
||||
|
||||
ParsedRoute get route => _route;
|
||||
|
||||
set route(ParsedRoute route) {
|
||||
// Don't notify listeners if the path hasn't changed.
|
||||
if (_route == route) return;
|
||||
|
||||
_route = route;
|
||||
notifyListeners();
|
||||
}
|
||||
|
||||
Future<void> update(String route) async {
|
||||
this.route = await _parser
|
||||
.parseRouteInformation(RouteInformation(uri: Uri.parse(route)));
|
||||
}
|
||||
}
|
||||
|
||||
/// Provides the current [RouteState] to descendant widgets in the tree.
|
||||
class RouteStateScope extends InheritedNotifier<RouteState> {
|
||||
const RouteStateScope({
|
||||
required super.notifier,
|
||||
required super.child,
|
||||
super.key,
|
||||
});
|
||||
|
||||
static RouteState of(BuildContext context) =>
|
||||
context.dependOnInheritedWidgetOfExactType<RouteStateScope>()!.notifier!;
|
||||
}
|
||||
Reference in New Issue
Block a user