sion/monisuo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 充值、划转、提现页面改用 Material Design 3 输入框

Browse Source 
- deposit_page.dart: 金额输入框改用 MaterialInput
- transfer_page.dart: 金额输入框改用 MaterialInput
- withdraw_page.dart: 金额、地址、联系方式输入框改用 MaterialInput
- 保持所有业务逻辑和验证逻辑不变
- 统一视觉风格（圆角边框 + Focus 效果）
This commit is contained in:
sion
2026-04-08 11:44:10 +08:00
parent e6f5dc1800
commit 4df1e56775
3 changed files with 62 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
flutter_monisuo/lib/ui/pages/asset/deposit_page.dart
View File

@@ -6,6 +6,7 @@ import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../core/utils/toast_utils.dart';
import '../../../providers/asset_provider.dart';
import '../../components/material_input.dart';
/// 充值页面
class DepositPage extends StatefulWidget {
@@ -172,8 +173,6 @@ class _DepositPageState extends State<DepositPage> {
const SizedBox(height: AppSpacing.lg),
// 金额输入
_buildAmountLabel(colorScheme),
const SizedBox(height: AppSpacing.sm),
_buildAmountInput(colorScheme),
const SizedBox(height: AppSpacing.sm),
@@ -239,59 +238,25 @@ class _DepositPageState extends State<DepositPage> {
}
Widget _buildAmountInput(ColorScheme colorScheme) {
return Container(
width: double.infinity,
height: 52,
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: _amountFocus.hasFocus
? colorScheme.secondary
: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
return MaterialInput(
controller: _amountController,
focusNode: _amountFocus,
labelText: '充值金額',
hintText: '0.00',
keyboardType: const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
suffixIcon: Padding(
padding: const EdgeInsets.only(right: AppSpacing.md),
child: Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
),
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
Expanded(
child: TextField(
controller: _amountController,
focusNode: _amountFocus,
keyboardType:
const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color: colorScheme.onSurface,
),
decoration: InputDecoration(
hintText: '0.00',
hintStyle: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color:
colorScheme.onSurfaceVariant.withValues(alpha: 0.3),
),
border: InputBorder.none,
contentPadding: EdgeInsets.zero,
isDense: true,
),
),
),
Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
],
),
);
}

70
flutter_monisuo/lib/ui/pages/asset/transfer_page.dart
View File

@@ -6,6 +6,7 @@ import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../providers/asset_provider.dart';
import '../../../data/models/account_models.dart';
import '../../components/material_input.dart';
/// 划转页面
class TransferPage extends StatefulWidget {
@@ -365,60 +366,25 @@ class _TransferPageState extends State<TransferPage> {
const SizedBox(height: 12),
// 金额输入框
Container(
width: double.infinity,
height: 52,
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: _focusNode.hasFocus
? colorScheme.secondary
: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
MaterialInput(
controller: _amountController,
focusNode: _focusNode,
hintText: '0.00',
keyboardType: const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
onChanged: (_) => setState(() {}),
suffixIcon: Padding(
padding: const EdgeInsets.only(right: AppSpacing.md),
child: Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
),
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
Expanded(
child: TextField(
controller: _amountController,
focusNode: _focusNode,
keyboardType:
const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(
RegExp(r'^\d*\.?\d{0,8}')),
],
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color: colorScheme.onSurface,
),
decoration: InputDecoration(
hintText: '0.00',
hintStyle: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.3),
),
border: InputBorder.none,
contentPadding: EdgeInsets.zero,
isDense: true,
),
onChanged: (_) => setState(() {}),
),
),
Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
],
),
),
const SizedBox(height: 10),

135
flutter_monisuo/lib/ui/pages/asset/withdraw_page.dart
View File

@@ -6,6 +6,7 @@ import '../../../core/theme/app_theme.dart';
import '../../../core/theme/app_spacing.dart';
import '../../../core/utils/toast_utils.dart';
import '../../../providers/asset_provider.dart';
import '../../components/material_input.dart';
/// 提现页面
class WithdrawPage extends StatefulWidget {
@@ -146,8 +147,6 @@ class _WithdrawPageState extends State<WithdrawPage> {
],
// 提现金额
_buildSectionLabel(colorScheme, '提現金額'),
const SizedBox(height: AppSpacing.sm),
_buildAmountInput(colorScheme),
const SizedBox(height: AppSpacing.sm),
@@ -164,14 +163,10 @@ class _WithdrawPageState extends State<WithdrawPage> {
],
// 目标地址
_buildSectionLabel(colorScheme, '目標地址'),
const SizedBox(height: AppSpacing.sm),
_buildAddressInput(colorScheme),
const SizedBox(height: AppSpacing.lg),
// 联系方式
_buildSectionLabel(colorScheme, '聯繫方式（可選）'),
const SizedBox(height: AppSpacing.sm),
_buildContactInput(colorScheme),
const SizedBox(height: AppSpacing.xl),
@@ -237,59 +232,25 @@ class _WithdrawPageState extends State<WithdrawPage> {
}
Widget _buildAmountInput(ColorScheme colorScheme) {
return Container(
width: double.infinity,
height: 52,
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: _amountFocus.hasFocus
? colorScheme.secondary
: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
return MaterialInput(
controller: _amountController,
focusNode: _amountFocus,
labelText: '提現金額',
hintText: '0.00',
keyboardType: const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
suffixIcon: Padding(
padding: const EdgeInsets.only(right: AppSpacing.md),
child: Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
),
padding: const EdgeInsets.symmetric(horizontal: 16),
child: Row(
children: [
Expanded(
child: TextField(
controller: _amountController,
focusNode: _amountFocus,
keyboardType:
const TextInputType.numberWithOptions(decimal: true),
inputFormatters: [
FilteringTextInputFormatter.allow(RegExp(r'^\d*\.?\d{0,8}')),
],
style: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color: colorScheme.onSurface,
),
decoration: InputDecoration(
hintText: '0.00',
hintStyle: TextStyle(
fontSize: 24,
fontWeight: FontWeight.w600,
color:
colorScheme.onSurfaceVariant.withValues(alpha: 0.3),
),
border: InputBorder.none,
contentPadding: EdgeInsets.zero,
isDense: true,
),
),
),
Text(
'USDT',
style: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant,
fontWeight: FontWeight.w500,
),
),
],
),
);
}
@@ -352,62 +313,18 @@ class _WithdrawPageState extends State<WithdrawPage> {
}
Widget _buildAddressInput(ColorScheme colorScheme) {
return Container(
width: double.infinity,
height: 48,
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
),
),
padding: const EdgeInsets.symmetric(horizontal: 16),
alignment: Alignment.center,
child: TextField(
controller: _addressController,
style: AppTextStyles.bodyMedium(context),
decoration: InputDecoration(
hintText: '請輸入提現地址',
hintStyle: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
),
border: InputBorder.none,
contentPadding: EdgeInsets.zero,
isDense: true,
),
),
return MaterialInput(
controller: _addressController,
labelText: '目標地址',
hintText: '請輸入提現地址',
);
}
Widget _buildContactInput(ColorScheme colorScheme) {
return Container(
width: double.infinity,
height: 48,
decoration: BoxDecoration(
color: colorScheme.surface,
borderRadius: BorderRadius.circular(14),
border: Border.all(
color: colorScheme.outlineVariant.withValues(alpha: 0.5),
width: 1,
),
),
padding: const EdgeInsets.symmetric(horizontal: 16),
alignment: Alignment.center,
child: TextField(
controller: _contactController,
style: AppTextStyles.bodyMedium(context),
decoration: InputDecoration(
hintText: '方便客服與您聯繫',
hintStyle: AppTextStyles.bodyMedium(context).copyWith(
color: colorScheme.onSurfaceVariant.withValues(alpha: 0.5),
),
border: InputBorder.none,
contentPadding: EdgeInsets.zero,
isDense: true,
),
),
return MaterialInput(
controller: _contactController,
labelText: '聯繫方式（可選）',
hintText: '方便客服與您聯繫',
);
}