feat(home): add home screen and sheet

2026-02-25 11:01:09 +08:00
parent 4fb90de1f5
commit 12b7df42d6
4 changed files with 594 additions and 0 deletions
@@ -0,0 +1,113 @@
+import 'package:flutter/material.dart';
+import 'package:lucide_icons/lucide_icons.dart';
+import '../../../../core/theme/design_tokens.dart';
+
+class HomeSheet extends StatelessWidget {
+  const HomeSheet({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      onTap: () => Navigator.of(context).pop(),
+      child: Container(
+        color: const Color(0x4D0F172A),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.end,
+          children: [
+            GestureDetector(
+              onTap: () {},
+              child: Container(
+                width: double.infinity,
+                padding: const EdgeInsets.all(16),
+                decoration: const BoxDecoration(
+                  color: AppColors.white,
+                  borderRadius: BorderRadius.vertical(top: Radius.circular(28)),
+                ),
+                child: Column(
+                  children: [
+                    Container(
+                      width: 36,
+                      height: 4,
+                      decoration: BoxDecoration(
+                        color: AppColors.slate300,
+                        borderRadius: BorderRadius.circular(2),
+                      ),
+                    ),
+                    const SizedBox(height: 16),
+                    _buildSheetContent(context),
+                  ],
+                ),
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _buildSheetContent(BuildContext context) {
+    return SizedBox(
+      height: 280,
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          _buildOptionCard(
+            context: context,
+            icon: LucideIcons.camera,
+            label: '拍照',
+            onTap: () => _handleCameraTap(context),
+          ),
+          const SizedBox(width: 24),
+          _buildOptionCard(
+            context: context,
+            icon: LucideIcons.image,
+            label: '相册',
+            onTap: () => _handlePhotoTap(context),
+          ),
+        ],
+      ),
+    );
+  }
+
+  Widget _buildOptionCard({
+    required BuildContext context,
+    required IconData icon,
+    required String label,
+    required VoidCallback onTap,
+  }) {
+    return GestureDetector(
+      onTap: onTap,
+      child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        children: [
+          Container(
+            width: 72,
+            height: 72,
+            decoration: BoxDecoration(
+              color: AppColors.blue50,
+              borderRadius: BorderRadius.circular(16),
+            ),
+            child: Icon(icon, size: 32, color: AppColors.blue500),
+          ),
+          const SizedBox(height: 12),
+          Text(
+            label,
+            style: const TextStyle(
+              fontSize: 14,
+              fontWeight: FontWeight.w500,
+              color: AppColors.slate700,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+
+  void _handleCameraTap(BuildContext context) {
+    Navigator.of(context).pop();
+  }
+
+  void _handlePhotoTap(BuildContext context) {
+    Navigator.of(context).pop();
+  }
+}