feat(flutter): 重构四 Tab 与浏览页

2026-10-20 09:49:42 +08:00
1 parent 99c72e2c32
commit 959edc0a32
@@ -0,0 +1,145 @@
+// Author: fruit.com.cn
+
+// K28 creation tab placeholder; creator workflows land in the next batch.
+import 'package:flutter/material.dart';
+
+import '../../core/theme/app_colors.dart';
+import '../../core/theme/app_dimens.dart';
+import '../../core/theme/app_theme.dart';
+import '../../l10n/app_localizations.dart';
+
+/// Honest skeleton for the future creation workspace.
+class CreatePage extends StatelessWidget {
+  const CreatePage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final l10n = AppLocalizations.of(context)!;
+    return Theme(
+      data: AppTheme.dark(),
+      child: SafeArea(
+        bottom: false,
+        child: ListView(
+          key: const Key('create-page'),
+          padding: const EdgeInsets.fromLTRB(
+            AppDimens.pageHorizontal,
+            AppDimens.spaceXl,
+            AppDimens.pageHorizontal,
+            AppDimens.spaceXl,
+          ),
+          children: [
+            Text(
+              l10n.createTab,
+              style: const TextStyle(
+                fontFamily: 'Outfit',
+                color: AppColors.onSurface,
+                fontSize: AppDimens.pageTitle,
+                fontWeight: FontWeight.w800,
+              ),
+            ),
+            const SizedBox(height: AppDimens.spaceSm),
+            Text(
+              l10n.createSubtitle,
+              style: const TextStyle(
+                color: AppColors.muted,
+                fontSize: AppDimens.body,
+              ),
+            ),
+            const SizedBox(height: AppDimens.spaceXl),
+            _CreateEntry(
+              key: const Key('create-ai'),
+              icon: Icons.auto_awesome_rounded,
+              title: l10n.createAiTitle,
+              subtitle: l10n.createAiSubtitle,
+              detail: l10n.comingSoon,
+            ),
+            const SizedBox(height: AppDimens.spaceMd),
+            _CreateEntry(
+              key: const Key('create-upload'),
+              icon: Icons.upload_file_rounded,
+              title: l10n.createUploadTitle,
+              subtitle: l10n.createUploadSubtitle,
+              detail: l10n.comingSoon,
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class _CreateEntry extends StatelessWidget {
+  const _CreateEntry({
+    super.key,
+    required this.icon,
+    required this.title,
+    required this.subtitle,
+    required this.detail,
+  });
+
+  final IconData icon;
+  final String title;
+  final String subtitle;
+  final String detail;
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      padding: const EdgeInsets.all(AppDimens.cardPadding),
+      decoration: BoxDecoration(
+        color: AppColors.card,
+        borderRadius: BorderRadius.circular(AppDimens.cardRadius),
+        border: Border.all(color: AppColors.border),
+      ),
+      child: Row(
+        children: [
+          Container(
+            width: AppDimens.tapTarget,
+            height: AppDimens.tapTarget,
+            decoration: BoxDecoration(
+              color: AppColors.blue.withValues(alpha: 0.14),
+              borderRadius: BorderRadius.circular(AppDimens.innerRadius),
+            ),
+            child: Icon(
+              icon,
+              color: AppColors.blue,
+              size: AppDimens.createIcon,
+            ),
+          ),
+          const SizedBox(width: AppDimens.spaceMd),
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  title,
+                  style: const TextStyle(
+                    color: AppColors.onSurface,
+                    fontSize: AppDimens.listTitle,
+                    fontWeight: FontWeight.w700,
+                  ),
+                ),
+                const SizedBox(height: AppDimens.spaceXs),
+                Text(
+                  '$subtitle · $detail',
+                  maxLines: 2,
+                  overflow: TextOverflow.ellipsis,
+                  style: const TextStyle(
+                    color: AppColors.muted,
+                    fontSize: AppDimens.caption,
+                  ),
+                ),
+              ],
+            ),
+          ),
+          const SizedBox(width: AppDimens.spaceSm),
+          const Icon(
+            Icons.chevron_right_rounded,
+            color: AppColors.subtle,
+            size: AppDimens.createArrow,
+          ),
+        ],
+      ),
+    );
+  }
+}