107 lines
3.4 KiB
Dart
107 lines
3.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:ainoval/screens/user/change_password_screen.dart';
|
|
import 'package:ainoval/widgets/forms/change_password_form.dart';
|
|
import 'package:ainoval/utils/web_theme.dart';
|
|
|
|
/// 修改密码对话框
|
|
/// 可以在任何地方调用此对话框来显示修改密码界面
|
|
class ChangePasswordDialog {
|
|
/// 显示修改密码对话框
|
|
static void show(BuildContext context) {
|
|
showDialog(
|
|
context: context,
|
|
barrierDismissible: true,
|
|
builder: (context) => Dialog(
|
|
backgroundColor: Colors.transparent,
|
|
insetPadding: const EdgeInsets.all(16),
|
|
child: Container(
|
|
constraints: const BoxConstraints(
|
|
maxWidth: 500,
|
|
maxHeight: 700,
|
|
),
|
|
decoration: BoxDecoration(
|
|
color: WebTheme.getBackgroundColor(context),
|
|
borderRadius: BorderRadius.circular(16),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// 对话框头部
|
|
Container(
|
|
padding: const EdgeInsets.all(16),
|
|
decoration: BoxDecoration(
|
|
color: WebTheme.getSurfaceColor(context),
|
|
borderRadius: const BorderRadius.only(
|
|
topLeft: Radius.circular(16),
|
|
topRight: Radius.circular(16),
|
|
),
|
|
),
|
|
child: Row(
|
|
children: [
|
|
Icon(
|
|
Icons.lock_outline,
|
|
color: WebTheme.getPrimaryColor(context),
|
|
size: 24,
|
|
),
|
|
const SizedBox(width: 12),
|
|
Expanded(
|
|
child: Text(
|
|
'修改密码',
|
|
style: TextStyle(
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.w600,
|
|
color: WebTheme.getTextColor(context),
|
|
),
|
|
),
|
|
),
|
|
IconButton(
|
|
onPressed: () => Navigator.of(context).pop(),
|
|
icon: Icon(
|
|
Icons.close,
|
|
color: WebTheme.getSecondaryTextColor(context),
|
|
),
|
|
splashRadius: 20,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
// 对话框内容
|
|
Expanded(
|
|
child: ChangePasswordForm(
|
|
showTitle: false,
|
|
onSuccess: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 显示全屏修改密码页面（推荐用于移动端）
|
|
static void showFullScreen(BuildContext context) {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(
|
|
builder: (context) => const ChangePasswordScreen(),
|
|
fullscreenDialog: true,
|
|
),
|
|
);
|
|
}
|
|
|
|
/// 根据屏幕尺寸自动选择显示方式
|
|
static void showAdaptive(BuildContext context) {
|
|
final screenWidth = MediaQuery.of(context).size.width;
|
|
|
|
if (screenWidth > 768) {
|
|
// 桌面端或平板端使用对话框
|
|
show(context);
|
|
} else {
|
|
// 移动端使用全屏页面
|
|
showFullScreen(context);
|
|
}
|
|
}
|
|
}
|