flutter架 构项目基础

lib/pages/demo/router_demo.dart

@@ -0,0 +1,34 @@
+import 'package:flutter/material.dart';
+import 'package:new_learn/pages/demo/detail_page.dart';
+import 'package:new_learn/pages/demo/router_home_page.dart';
+
+/// ============================================================
+/// 路由导航：应用入口（只负责组装，不写页面）
+///
+/// 一、直接运行：runApp(const RouterApp())
+///
+/// 二、组件化结构（对应 Vue 的 pages/ 目录）：
+///   lib/pages/router_home_page.dart   → 首页（三个跳转按钮）
+///   lib/pages/detail_page.dart        → 详情页
+///   lib/pages/picker_page.dart        → 选择器页
+///
+/// 三、命名规范：
+///   文件名 snake_case（小写下划线）；类名 PascalCase；
+///   跨文件用 import 引入；每个公开类一个文件。
+/// ============================================================
+class RouterApp extends StatelessWidget {
+  const RouterApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: '路由导航 Demo',
+      theme: ThemeData(colorSchemeSeed: const Color(0xFF3B82F6)),
+      // 命名路由表：name -> 页面构造（详情页在这里注册）
+      routes: {
+        '/detail': (context) => const DetailPage(),
+      },
+      home: const RouterHomePage(),
+    );
+  }
+}