flutter架构项目基础

2026-09-04 15:22:20 +08:00
parent 70967229d0
commit 0c5aee59c0
265 changed files with 35484 additions and 0 deletions
@@ -0,0 +1,62 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+/// ============================================================
+/// 【RecitePage】「背诵」tab 页 —— 空页面占位
+///
+/// 后续开发计划：这里放背单词的卡片流（正面/背面翻转、记忆曲线等）。
+/// 现在先占位，保证 4 个 tab 都能正常切换。
+/// ============================================================
+class RecitePage extends StatelessWidget {
+  const RecitePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const _Placeholder(
+      icon: Icons.auto_stories,
+      title: '背诵',
+      subtitle: '功能开发中，敬请期待',
+    );
+  }
+}
+
+/// 通用占位组件：一个居中图标 + 标题 + 副标题
+class _Placeholder extends StatelessWidget {
+  const _Placeholder({
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+  });
+
+  final IconData icon;
+  final String title;
+  final String subtitle;
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            Icon(icon, size: 64.w, color: const Color(0xFFC9CFD8)),
+            SizedBox(height: 12.h),
+            Text(
+              title,
+              style: TextStyle(
+                fontSize: 18.sp,
+                fontWeight: FontWeight.bold,
+                color: const Color(0xFF666666),
+              ),
+            ),
+            SizedBox(height: 6.h),
+            Text(
+              subtitle,
+              style: TextStyle(fontSize: 13.sp, color: const Color(0xFF999999)),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}