v7

lib/v7/app/navigation/router/app_router_delegate.dart

@@ -0,0 +1,218 @@
+import 'dart:async';
+import 'package:flutter/material.dart';
+
+import 'iroute.dart';
+import 'route_history.dart';
+
+const List<String> kDestinationsPaths = [
+  '/color',
+  '/counter',
+  '/user',
+  '/settings',
+];
+
+AppRouterDelegate router = AppRouterDelegate();
+
+class AppRouterDelegate extends RouterDelegate<Object> with ChangeNotifier {
+  String _path = '/color';
+
+  String get path => _path;
+
+  AppRouterDelegate() {
+    // keepAlivePath.add('/color');
+    _histories.add(RouteHistory(path));
+  }
+
+  final List<RouteHistory> _histories = [];
+  final List<RouteHistory> _backHistories = [];
+
+  List<RouteHistory> get histories => _histories.reversed.toList();
+
+  bool get hasHistory => _histories.length > 1;
+
+  bool get hasBackHistory => _backHistories.isNotEmpty;
+
+  /// 历史回退操作
+  /// 将当前顶层移除，并加入 _backHistories 撤销列表
+  /// 并转到前一路径
+  void back() {
+    if (!hasHistory) return;
+    RouteHistory top = _histories.removeLast();
+    _backHistories.add(top);
+    if (_histories.isNotEmpty) {
+      _path = _histories.last.path;
+      if (_histories.last.extra != null) {
+        _pathExtraMap[_path] = _histories.last.extra;
+      }
+      notifyListeners();
+    }
+  }
+
+  void toHistory(RouteHistory history) {
+    _path = history.path;
+    if (history.extra != null) {
+      _pathExtraMap[_path] = history.extra;
+    }
+    notifyListeners();
+  }
+
+  void closeHistory(int index) {
+    _histories.removeAt(index);
+    notifyListeners();
+  }
+
+  void clearHistory() {
+    _histories.clear();
+    notifyListeners();
+  }
+
+  /// 撤销回退操作
+  /// 取出回退列表的最后元素，跳转到该路径
+  void revocation() {
+    RouteHistory target = _backHistories.removeLast();
+    _path = target.path;
+    if (target.extra != null) {
+      _pathExtraMap[_path] = target.extra;
+    }
+    _histories.add(target);
+    notifyListeners();
+  }
+
+  int? get activeIndex {
+    if (path.startsWith('/color')) return 0;
+    if (path.startsWith('/counter')) return 1;
+    if (path.startsWith('/user')) return 2;
+    if (path.startsWith('/settings')) return 3;
+    return null;
+  }
+
+  final Map<String, Completer<dynamic>> _completerMap = {};
+
+  Completer<dynamic>? completer;
+
+  final Map<String, dynamic> _pathExtraMap = {};
+
+  final List<String> keepAlivePath = [];
+
+  FutureOr<dynamic> changePath(
+      String value, {
+        bool forResult = false,
+        Object? extra,
+        bool keepAlive = false,
+        bool recordHistory = true,
+      }) {
+    if (_path == value) null;
+    if (forResult) {
+      _completerMap[value] = Completer();
+    }
+    if (keepAlive) {
+      if (keepAlivePath.contains(value)) {
+        keepAlivePath.remove(value);
+      }
+      keepAlivePath.add(value);
+    }
+    if (extra != null) {
+      _pathExtraMap[value] = extra;
+    }
+
+    if (recordHistory) {
+      _addPathToHistory(value,extra);
+    }
+
+    _path = value;
+    notifyListeners();
+    if (forResult) {
+      return _completerMap[value]!.future;
+    }
+  }
+
+
+  void _addPathToHistory(String value, Object? extra) {
+    if (_histories.isNotEmpty && value == _histories.last.path) return;
+    _histories.add(RouteHistory(
+      value,
+      extra: _pathExtraMap[path],
+    ));
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Navigator(
+      onPopPage: _onPopPage,
+      pages: _buildPages(context, path),
+    );
+  }
+
+  List<Page> _buildPages(BuildContext context, String path) {
+    List<Page> pages = [];
+    List<Page> topPages = _buildPageByPathFromTree(context, path);
+
+    if (keepAlivePath.isNotEmpty) {
+      for (String alivePath in keepAlivePath) {
+        if (alivePath != path) {
+          pages.addAll(_buildPageByPathFromTree(context, alivePath));
+        }
+      }
+
+      /// 去除和 topPages 中重复的界面
+      pages.removeWhere(
+              (element) => topPages.map((e) => e.key).contains(element.key));
+    }
+
+    pages.addAll(topPages);
+    return pages;
+  }
+
+  List<Page> _buildPageByPathFromTree(BuildContext context, String path) {
+    List<Page> result = [];
+    List<IRoute> iRoutes = root.find(path);
+    if (iRoutes.isNotEmpty) {
+      for (int i = 0; i < iRoutes.length; i++) {
+        IRoute iroute = iRoutes[i];
+        String path = iroute.path;
+        Object? extra = _pathExtraMap[path];
+        bool keepAlive = keepAlivePath.contains(path);
+        bool forResult = _completerMap.containsKey(path);
+        Page? page = iroute.builder?.call(
+          context,
+          IRouteData(
+            uri: Uri.parse(path),
+            extra: extra,
+            keepAlive: keepAlive,
+            forResult: forResult,
+          ),
+        );
+        if (page != null) {
+          result.add(page);
+        }
+      }
+    }
+    return result;
+  }
+
+  @override
+  Future<bool> popRoute() async {
+    print('=======popRoute=========');
+    return true;
+  }
+
+  bool _onPopPage(Route route, result) {
+    if (_completerMap.containsKey(path)) {
+      _completerMap[path]?.complete(result);
+      _completerMap.remove(path);
+    }
+
+    changePath(backPath(path),recordHistory: false);
+    return route.didPop(result);
+  }
+
+  String backPath(String path) {
+    Uri uri = Uri.parse(path);
+    if (uri.pathSegments.length == 1) return path;
+    List<String> parts = List.of(uri.pathSegments)..removeLast();
+    return '/${parts.join('/')}';
+  }
+
+  @override
+  Future<void> setNewRoutePath(configuration) async {}
+}

lib/v7/app/navigation/router/iroute.dart

@@ -0,0 +1,185 @@
+import 'package:flutter/material.dart';
+
+import '../../../pages/color/color_add_page.dart';
+import '../../../pages/color/color_detail_page.dart';
+import '../../../pages/color/color_page.dart';
+import '../../../pages/counter/counter_page.dart';
+import '../../../pages/user/user_page.dart';
+import '../../../pages/settings/settings_page.dart';
+import '../transition/fade_transition_page.dart';
+
+class IRoute {
+  final String path;
+  final IRoutePageBuilder? builder;
+  final List<IRoute> children;
+
+  const IRoute({
+    required this.path,
+    this.children = const [],
+    this.builder,
+  });
+
+  @override
+  String toString() {
+    return 'IRoute{path: $path, children: $children}';
+  }
+
+  IRoute? match(String path) {
+    return matchRoute(this, path);
+  }
+
+  List<IRoute> find(String input){
+    String fixInput = input.substring(1);
+    List<IRoute> nodes = findNodes(this,fixInput,0,'/',[]);
+    if(nodes.isNotEmpty&&nodes.last.path!=input){
+      return [];
+    }
+    return nodes;
+  }
+
+  List<IRoute> findNodes(IRoute node,String input,int deep,String prefix,List<IRoute> result){
+    String separator = '/';
+
+    List<String> parts = input.split(separator);
+    if(deep>parts.length-1){
+      return result;
+    }
+    String target = parts[deep];
+    if(node.children.isNotEmpty){
+      List<IRoute> nodes = node.children.where((e) => e.path==prefix+target).toList();
+      bool match = nodes.isNotEmpty;
+      if(match){
+        IRoute matched = nodes.first;
+        result.add(matched);
+        String nextPrefix = '${matched.path}$separator';
+        findNodes(matched, input, ++deep,nextPrefix,result);
+      }
+    }else{
+      return result;
+    }
+    return result;
+  }
+
+  // List<IRoute> findNodes(IRoute node,String input,int deep,String prefix,List<IRoute> result){
+  //   String separator = '/';
+  //   List<String> parts = input.split(separator);
+  //   if(deep>parts.length-1){
+  //     return result;
+  //   }
+  //   String target = parts[deep];
+  //   if(node.children.isNotEmpty){
+  //     List<IRoute> nodes = node.children.where((e) => e.path==prefix+target).toList();
+  //     bool match = nodes.isNotEmpty;
+  //     if(match){
+  //       IRoute matched = nodes.first;
+  //       result.add(matched);
+  //       String nextPrefix = '${matched.path}$separator';
+  //       findNodes(matched, input, ++deep,nextPrefix,result);
+  //     }
+  //   }else{
+  //     return result;
+  //   }
+  //   return result;
+  // }
+
+  IRoute? matchRoute(IRoute route, String path) {
+    if (route.path == path) {
+      return route;
+    } else {
+      if (route.children.isNotEmpty) {
+        for (int i = 0; i < route.children.length; i++) {
+          IRoute current = route.children[i];
+          IRoute? target = matchRoute(current, path);
+          if (target != null) {
+            return target;
+          }
+        }
+      } else {
+        return null;
+      }
+    }
+    return null;
+  }
+}
+
+typedef IRoutePageBuilder = Page? Function(
+    BuildContext context, IRouteData data);
+
+class IRouteData {
+  final Object? extra;
+  final bool forResult;
+  final Uri uri;
+  final bool keepAlive;
+
+  IRouteData({
+    this.extra,
+    required this.uri,
+    this.forResult = false,
+    this.keepAlive = false,
+  });
+}
+
+IRoute root = IRoute(path: 'root', children: kDestinationsIRoutes);
+
+List<IRoute> kDestinationsIRoutes = [
+  IRoute(
+    path: '/color',
+    builder: (ctx, data) {
+      return const FadeTransitionPage(
+        key: ValueKey('/color'),
+        child: ColorPage(),
+      );
+    },
+    children: [
+      IRoute(
+        path: '/color/detail',
+        builder: (ctx, data) {
+          final Map<String, String> queryParams = data.uri.queryParameters;
+          String? selectedColor = queryParams['color'];
+          Color color = Colors.black;
+          if (selectedColor != null) {
+            color = Color(int.parse(selectedColor, radix: 16));
+          } else if (data.extra is Color) {
+            color = data.extra as Color;
+          }
+          return FadeTransitionPage(
+            key: const ValueKey('/color/detail'),
+            child: ColorDetailPage(color: color),
+          );
+        },
+      ),
+      IRoute(
+          path: '/color/add',
+          builder: (ctx, data) {
+            return const FadeTransitionPage(
+              key: ValueKey('/color/add'),
+              child: ColorAddPage(),
+            );
+          }),
+    ],
+  ),
+  IRoute(
+      path: '/counter',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/counter'),
+          child: CounterPage(),
+        );
+      }),
+  IRoute(
+      path: '/user',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/user'),
+          child: UserPage(),
+        );
+      }),
+  IRoute(
+      path: '/settings',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/settings'),
+          child: SettingPage(),
+        );
+      }),
+];

lib/v7/app/navigation/router/route_history.dart

@@ -0,0 +1,6 @@
+class RouteHistory{
+  final String path;
+  final Object? extra;
+
+  RouteHistory(this.path, { this.extra});
+}

lib/v7/app/navigation/router/route_history_manager.dart

@@ -0,0 +1,12 @@
+// import 'route_history.dart';
+//
+// class RouteHistoryManager{
+//   final List<RouteHistory> _histories = [];
+//   final List<RouteHistory> _backHistories = [];
+//
+//   List<RouteHistory> get histories => _histories.reversed.toList();
+//
+//   bool get hasHistory => _histories.length > 1;
+//
+//   bool get hasBackHistory => _backHistories.isNotEmpty;
+// }