sion
2bc6ff66e1
- 首页：移除盈亏日历，福利中心卡片改为白色背景，查看按钮改为黄色 - 资产页面：余额卡片撑满宽度 - 底部导航栏：移除背景高亮，只保留图标和文字变化 - 行情页面：调整卡片文字大小和柱形图样式 - 交易页面：买入按钮白色文字，卖出按钮红色文字，优化输入框和百分比卡片样式，添加顶部间距 - 全局：移除渐变色，统一使用纯色背景
109 lines
3.3 KiB
Dart
109 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
||
import '../../../../core/theme/app_color_scheme.dart';
|
||
import '../../../../core/theme/app_spacing.dart';
|
||
import '../../../../core/theme/app_theme.dart';
|
||
|
||
/// 金额输入框组件（含超额提示）
|
||
///
|
||
/// 设计稿：bg-tertiary，圆角md，高48。
|
||
/// 输入金额超过可用 USDT 余额时显示警告提示。
|
||
class AmountInput extends StatefulWidget {
|
||
final TextEditingController amountController;
|
||
final String maxAmount;
|
||
final bool isBuy;
|
||
final Color actionColor;
|
||
final VoidCallback onChanged;
|
||
|
||
const AmountInput({
|
||
super.key,
|
||
required this.amountController,
|
||
required this.maxAmount,
|
||
required this.isBuy,
|
||
required this.actionColor,
|
||
required this.onChanged,
|
||
});
|
||
|
||
@override
|
||
State<AmountInput> createState() => _AmountInputState();
|
||
}
|
||
|
||
class _AmountInputState extends State<AmountInput> {
|
||
bool _isExceeded = false;
|
||
|
||
void _checkLimit() {
|
||
final input = double.tryParse(widget.amountController.text) ?? 0;
|
||
final max = double.tryParse(widget.maxAmount) ?? 0;
|
||
final exceeded = widget.isBuy && input > max && max > 0 && input > 0;
|
||
if (exceeded != _isExceeded) {
|
||
setState(() => _isExceeded = exceeded);
|
||
}
|
||
widget.onChanged();
|
||
}
|
||
|
||
@override
|
||
void initState() {
|
||
super.initState();
|
||
widget.amountController.addListener(_checkLimit);
|
||
}
|
||
|
||
@override
|
||
void dispose() {
|
||
widget.amountController.removeListener(_checkLimit);
|
||
super.dispose();
|
||
}
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final colorScheme = Theme.of(context).colorScheme;
|
||
final warningColor = AppColorScheme.warning;
|
||
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
children: [
|
||
Container(
|
||
height: 48,
|
||
decoration: BoxDecoration(
|
||
color: colorScheme.surfaceContainerHighest.withOpacity(0.5), // 调整透明度
|
||
borderRadius: BorderRadius.circular(AppRadius.md),
|
||
),
|
||
child: TextField(
|
||
controller: widget.amountController,
|
||
keyboardType: const TextInputType.numberWithOptions(decimal: true),
|
||
onChanged: (_) => _checkLimit(),
|
||
style: AppTextStyles.numberMedium(context).copyWith(
|
||
fontWeight: FontWeight.w400,
|
||
),
|
||
decoration: InputDecoration(
|
||
hintText: '请输入金额',
|
||
hintStyle: AppTextStyles.numberMedium(context).copyWith(
|
||
fontWeight: FontWeight.w400,
|
||
color: colorScheme.onSurfaceVariant.withOpacity(0.5),
|
||
),
|
||
border: InputBorder.none,
|
||
contentPadding: const EdgeInsets.symmetric(
|
||
horizontal: AppSpacing.md,
|
||
),
|
||
),
|
||
),
|
||
),
|
||
if (_isExceeded)
|
||
Padding(
|
||
padding: EdgeInsets.only(top: AppSpacing.xs),
|
||
child: Row(
|
||
children: [
|
||
Icon(Icons.error_outline, size: 13, color: warningColor),
|
||
SizedBox(width: AppSpacing.xs),
|
||
Text(
|
||
'超出可用USDT余额',
|
||
style: AppTextStyles.bodySmall(context).copyWith(
|
||
color: warningColor,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|