v5

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

@@ -1,37 +1,105 @@
+import 'package:flutter/cupertino.dart';
+
+import '../../../pages/color/color_add_page.dart';
+import '../../../pages/color/color_detail_page.dart';
+import '../../../pages/color/color_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 []});
+  const IRoute({
+    required this.path,
+    this.children = const [],
+    required this.builder,
+  });
 
   @override
   String toString() {
     return 'IRoute{path: $path, children: $children}';
   }
 
-  List<String> list(){
-
+  List<String> list() {
     return [];
   }
-
 }
 
+typedef IRoutePageBuilder = Page? Function(
+    BuildContext context, IRouteData data);
 
-const List<IRoute> kDestinationsIRoutes = [
+class IRouteData {
+  final Object? extra;
+  final bool forResult;
+  final Uri uri;
+  final bool keepAlive;
+
+  IRouteData({
+    required this.extra,
+    required this.uri,
+    required this.forResult,
+    required this.keepAlive,
+  });
+}
+
+List<IRoute> kDestinationsIRoutes = [
   IRoute(
     path: '/color',
+    builder: (ctx, data) {
+      return const FadeTransitionPage(
+        key: ValueKey('/color'),
+        child: ColorPage(),
+      );
+    },
     children: [
-      IRoute(path: '/color/add'),
-      IRoute(path: '/color/detail'),
+      IRoute(
+        path: '/color/detail',
+        builder: (ctx, data) {
+          final Map<String, String> queryParams = data.uri.queryParameters;
+          String? selectedColor = queryParams['color'];
+          if (selectedColor != null) {
+            Color color = Color(int.parse(selectedColor, radix: 16));
+            return FadeTransitionPage(
+              key: const ValueKey('/color/detail'),
+              child: ColorDetailPage(color: color),
+            );
+          }
+          return null;
+        },
+      ),
+      IRoute(
+          path: '/color/add',
+          builder: (ctx, data) {
+            return const FadeTransitionPage(
+              key: ValueKey('/color/add'),
+              child: ColorAddPage(),
+            );
+          }),
     ],
   ),
   IRoute(
-    path: '/counter',
-  ),
+      path: '/counter',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/counter'),
+          child: ColorAddPage(),
+        );
+      }),
   IRoute(
-    path: '/user',
-  ),
+      path: '/user',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/user'),
+          child: ColorAddPage(),
+        );
+      }),
   IRoute(
-    path: '/settings',
-  ),
+      path: '/settings',
+      builder: (ctx, data) {
+        return const FadeTransitionPage(
+          key: ValueKey('/settings'),
+          child: ColorAddPage(),
+        );
+      }),
 ];