Files
monisuo/flutter_monisuo/lib/ui/pages/mine/components/menu_row.dart
sion123 152ef8d74f feat(ui): 优化转账页面百分比按钮布局和菜单样式
- 调整转账页面百分比按钮布局,将Expanded组件移到外层,使按钮宽度均匀分布
- 移除首页资产卡片充值按钮的加号图标,简化UI
- 优化个人中心菜单行样式,使用统一的surfaceCardHigh颜色并调整图标颜色
- 新增.claude/settings.local.json配置文件,添加Flutter版本检查和Python脚本权限
- 扩展.claude/settings.json中的Flutter分析工具路径配置
- 生成Flutter构建缓存文件,支持项目构建过程
2026-04-06 20:42:17 +08:00

67 lines
1.8 KiB
Dart

import 'package:flutter/material.dart';
import 'package:lucide_icons_flutter/lucide_icons.dart';
import '../../../../core/theme/app_spacing.dart';
import '../../../../core/theme/app_theme.dart';
import '../../../../core/theme/app_theme_extension.dart';
/// 单行菜单项:图标 + 标题 + 尾部组件 (chevron)
///
/// 图标颜色 (通常是使用主题色)
class MenuRow extends StatelessWidget {
final IconData icon;
final Color iconColor;
final String title;
final Widget? trailing;
final VoidCallback? onTap;
const MenuRow({
super.key,
required this.icon,
required this.iconColor,
required this.title,
this.trailing,
this.onTap,
});
@override
Widget build(BuildContext context) {
return InkWell(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 14),
child: Row(
children: [
// Icon in 36x36 rounded container
Container(
width: 36,
height: 36,
decoration: BoxDecoration(
color: context.appColors.surfaceCardHigh,
borderRadius: BorderRadius.circular(8),
),
child: Center(
child: Icon(icon, size: 18, color: iconColor),
),
),
const SizedBox(width: 10),
// Title
Expanded(
child: Text(
title,
style: AppTextStyles.headlineMedium(context),
),
),
// Trailing
if (trailing != null)
Icon(
LucideIcons.chevronRight,
size: 16,
color: context.colors.onSurfaceVariant,
),
],
),
),
);
}
}