sion123
02099d2a6a
Move skills system documentation from bottom to top of CLAUDE.md for better organization. Refactor Flutter asset page by extracting UI components into separate files and updating import structure for improved modularity.
114 lines
3.3 KiB
Dart
114 lines
3.3 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:google_fonts/google_fonts.dart';
|
||
import '../../../../core/theme/app_color_scheme.dart';
|
||
import '../../../../core/theme/app_spacing.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.3),
|
||
borderRadius: BorderRadius.circular(AppRadius.md),
|
||
),
|
||
child: TextField(
|
||
controller: widget.amountController,
|
||
keyboardType: const TextInputType.numberWithOptions(decimal: true),
|
||
onChanged: (_) => _checkLimit(),
|
||
style: GoogleFonts.inter(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.normal,
|
||
color: colorScheme.onSurface,
|
||
fontFeatures: [FontFeature.tabularFigures()],
|
||
),
|
||
decoration: InputDecoration(
|
||
hintText: '请输入金额',
|
||
hintStyle: GoogleFonts.inter(
|
||
fontSize: 14,
|
||
fontWeight: FontWeight.normal,
|
||
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: 4),
|
||
Text(
|
||
'超出可用USDT余额',
|
||
style: GoogleFonts.inter(
|
||
fontSize: 11,
|
||
color: warningColor,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
}
|