新增静态演示界面

2026-07-21 17:41:01 +08:00
parent 030b11fe67
commit b9d7c9f2ee
23 changed files with 4215 additions and 144 deletions
@@ -0,0 +1,170 @@
+import 'package:flutter/material.dart';
+import 'package:patbond_flutter/core/theme/app_theme.dart';
+import 'package:patbond_flutter/data/demo_data.dart';
+import 'package:patbond_flutter/state/app_state.dart';
+import 'package:patbond_flutter/widgets/common.dart';
+
+class ProfilePage extends StatelessWidget {
+  const ProfilePage({required this.appState, super.key});
+
+  final AppState appState;
+
+  static const menuItems = [
+    (Icons.assignment_outlined, '我的预约订单', '查看进行中与历史服务'),
+    (Icons.bookmarks_outlined, '我的收藏与草稿', '已保存的宠物作品与攻略'),
+    (Icons.badge_outlined, '宠物健康卡包', '电子接种证与体检报告'),
+    (Icons.location_on_outlined, '地址与定位管理', '管理家庭住址与常用医院'),
+    (Icons.settings_outlined, '设置与关于', '隐私设置与版本信息'),
+  ];
+
+  void showDemoMessage(BuildContext context, String name) {
+    ScaffoldMessenger.of(
+      context,
+    ).showSnackBar(SnackBar(content: Text('「$name」功能为演示入口')));
+  }
+
+  Future<void> reset(BuildContext context) async {
+    final confirmed = await showDialog<bool>(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: const Text('恢复演示数据'),
+        content: const Text('宠物资料、疫苗记录以及新增帖子都会恢复为初始状态。'),
+        actions: [
+          TextButton(
+            onPressed: () => Navigator.pop(context, false),
+            child: const Text('取消'),
+          ),
+          FilledButton(
+            onPressed: () => Navigator.pop(context, true),
+            child: const Text('确认恢复'),
+          ),
+        ],
+      ),
+    );
+    if (confirmed == true) {
+      await appState.resetDemoData();
+      if (context.mounted) {
+        ScaffoldMessenger.of(
+          context,
+        ).showSnackBar(const SnackBar(content: Text('演示数据已恢复')));
+      }
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      padding: const EdgeInsets.fromLTRB(16, 16, 16, 30),
+      children: [
+        Container(
+          padding: const EdgeInsets.all(24),
+          decoration: BoxDecoration(
+            color: AppColors.ink,
+            borderRadius: BorderRadius.circular(30),
+          ),
+          child: Column(
+            children: [
+              RemoteImage(
+                url: userAvatar,
+                width: 82,
+                height: 82,
+                borderRadius: BorderRadius.circular(41),
+              ),
+              const SizedBox(height: 12),
+              const Text(
+                '萌宠新手（豆豆家长）',
+                style: TextStyle(
+                  color: Colors.white,
+                  fontSize: 17,
+                  fontWeight: FontWeight.w800,
+                ),
+              ),
+              const SizedBox(height: 5),
+              const Text(
+                'Patbond 社区创作达人',
+                style: TextStyle(color: Color(0xFFA5B4FC), fontSize: 12),
+              ),
+              const SizedBox(height: 20),
+              const Divider(color: Color(0xFF334155)),
+              const SizedBox(height: 10),
+              Row(
+                mainAxisAlignment: MainAxisAlignment.spaceAround,
+                children: [
+                  const _ProfileStat(value: '24', label: '关注我'),
+                  const _ProfileStat(value: '1.8k', label: '获赞'),
+                  _ProfileStat(
+                    value: '${appState.posts.length}',
+                    label: '我的作品',
+                  ),
+                ],
+              ),
+            ],
+          ),
+        ),
+        const SizedBox(height: 18),
+        SectionCard(
+          padding: const EdgeInsets.symmetric(vertical: 6),
+          child: Column(
+            children: menuItems.map((item) {
+              return ListTile(
+                leading: CircleAvatar(
+                  backgroundColor: const Color(0xFFEEF2FF),
+                  child: Icon(item.$1, color: AppColors.primary),
+                ),
+                title: Text(
+                  item.$2,
+                  style: const TextStyle(fontWeight: FontWeight.w700),
+                ),
+                subtitle: Text(item.$3),
+                trailing: const Icon(Icons.chevron_right),
+                onTap: () => showDemoMessage(context, item.$2),
+              );
+            }).toList(),
+          ),
+        ),
+        const SizedBox(height: 16),
+        OutlinedButton.icon(
+          style: OutlinedButton.styleFrom(
+            minimumSize: const Size.fromHeight(50),
+          ),
+          onPressed: () => reset(context),
+          icon: const Icon(Icons.restart_alt),
+          label: const Text('恢复演示数据'),
+        ),
+        const SizedBox(height: 10),
+        TextButton(
+          onPressed: () => showDemoMessage(context, '退出登录'),
+          child: const Text('切换账号或退出登录'),
+        ),
+      ],
+    );
+  }
+}
+
+class _ProfileStat extends StatelessWidget {
+  const _ProfileStat({required this.value, required this.label});
+
+  final String value;
+  final String label;
+
+  @override
+  Widget build(BuildContext context) {
+    return Column(
+      children: [
+        Text(
+          value,
+          style: const TextStyle(
+            color: Colors.white,
+            fontSize: 17,
+            fontWeight: FontWeight.w900,
+          ),
+        ),
+        const SizedBox(height: 3),
+        Text(
+          label,
+          style: const TextStyle(color: Color(0xFF94A3B8), fontSize: 11),
+        ),
+      ],
+    );
+  }
+}