sion123
dc6a8afc9a
feat(ui): 重构资产页面UI，移除shadcn_ui依赖并简化设计 - 删除三个过时的功能规格文档（apply-new-styles.md、bottom-nav-labels.md、theme-dynamic-colors.md） - 重构充值页面(deposit_page.dart)：移除shadcn_ui依赖，简化表单验证和UI设计，使用动态主题颜色 - 重构划转页面(transfer_page.dart)：移除复杂动画和shadcn_ui依赖，简化UI布局和交互逻辑 - 重构提现页面(withdraw_page.dart)：移除shadcn_ui依赖，简化表单验证和网络选择器 - 重构我的页面相关组件：统一使用动态主题颜色，简化菜单项设计和KYC状态显示 - 所有页面现在使用Theme.of(context)获取动态颜色，支持明暗主题切换 - 移除硬编码的颜色引用，提高代码可维护性和主题一致性
141 lines
4.0 KiB
Dart
141 lines
4.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../../../core/theme/app_theme.dart';
|
|
import '../../../core/theme/app_spacing.dart';
|
|
import '../../../providers/auth_provider.dart';
|
|
import '../auth/login_page.dart';
|
|
import 'components/avatar_circle.dart';
|
|
import 'components/logout_button.dart';
|
|
import 'components/menu_group1.dart';
|
|
import 'components/menu_group2.dart';
|
|
import 'components/profile_card.dart';
|
|
|
|
/// 我的页面
|
|
class MinePage extends StatefulWidget {
|
|
const MinePage({super.key});
|
|
|
|
@override
|
|
State<MinePage> createState() => _MinePageState();
|
|
}
|
|
|
|
class _MinePageState extends State<MinePage>
|
|
with AutomaticKeepAliveClientMixin {
|
|
@override
|
|
bool get wantKeepAlive => true;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
super.build(context);
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
|
|
return Scaffold(
|
|
backgroundColor: colorScheme.surface,
|
|
body: Consumer<AuthProvider>(
|
|
builder: (context, auth, _) {
|
|
return SingleChildScrollView(
|
|
padding: EdgeInsets.fromLTRB(
|
|
AppSpacing.md,
|
|
AppSpacing.md,
|
|
AppSpacing.md,
|
|
AppSpacing.xl + AppSpacing.md,
|
|
),
|
|
child: Column(
|
|
children: [
|
|
ProfileCard(user: auth.user),
|
|
SizedBox(height: AppSpacing.sm),
|
|
MenuGroup1(
|
|
kycStatus: auth.user?.kycStatus ?? 0,
|
|
onShowComingSoon: _showComingSoon,
|
|
),
|
|
SizedBox(height: AppSpacing.sm),
|
|
MenuGroup2(onShowAbout: _showAboutDialog),
|
|
SizedBox(height: AppSpacing.lg),
|
|
LogoutButton(onLogout: () => _handleLogout(auth)),
|
|
SizedBox(height: AppSpacing.md),
|
|
],
|
|
),
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showComingSoon(String feature) {
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text('功能開發中'),
|
|
content: Text('$feature功能正在開發中，敬請期待'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(),
|
|
child: const Text('知道了'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showAboutDialog() {
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: Row(
|
|
children: [
|
|
AvatarCircle(radius: 16, fontSize: 12),
|
|
const SizedBox(width: 8),
|
|
const Text('模擬所'),
|
|
],
|
|
),
|
|
content: const Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text('虛擬貨幣模擬交易平臺'),
|
|
SizedBox(height: 8),
|
|
Text('版本: 1.0.0'),
|
|
],
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(),
|
|
child: const Text('确定'),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _handleLogout(AuthProvider auth) {
|
|
final colorScheme = Theme.of(context).colorScheme;
|
|
showDialog(
|
|
context: context,
|
|
builder: (ctx) => AlertDialog(
|
|
title: const Text('退出登錄'),
|
|
content: const Text('確定要退出登錄嗎？'),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Navigator.of(ctx).pop(),
|
|
child: Text('取消',
|
|
style: TextStyle(color: colorScheme.onSurfaceVariant)),
|
|
),
|
|
TextButton(
|
|
onPressed: () async {
|
|
Navigator.of(ctx).pop();
|
|
await auth.logout();
|
|
if (ctx.mounted) {
|
|
Navigator.of(ctx).pushAndRemoveUntil(
|
|
MaterialPageRoute(builder: (_) => const LoginPage()),
|
|
(route) => false,
|
|
);
|
|
}
|
|
},
|
|
child: Text('退出', style: TextStyle(color: colorScheme.error)),
|
|
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|