You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
488 lines
15 KiB
488 lines
15 KiB
import 'dart:io';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import '../controllers/profile_controller.dart';
|
|
import 'unified_avatar.dart';
|
|
|
|
class ProfileMeetingView extends GetView<ProfileController> {
|
|
ProfileMeetingView({super.key});
|
|
|
|
// 昵称编辑控制器 - 与 profile_view.dart 保持一致
|
|
final TextEditingController nameController = TextEditingController();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isDarkMode = Theme.of(context).brightness == Brightness.dark;
|
|
|
|
return Scaffold(
|
|
backgroundColor: isDarkMode ? Colors.black : Colors.white,
|
|
appBar: _buildAppBar(isDarkMode),
|
|
body: _buildBody(isDarkMode),
|
|
);
|
|
}
|
|
|
|
PreferredSizeWidget _buildAppBar(bool isDarkMode) {
|
|
// 初始化 nameController 的文本内容
|
|
nameController.text = controller.userInfo.value.name;
|
|
return AppBar(
|
|
backgroundColor: isDarkMode ? Colors.black : Colors.white,
|
|
elevation: 0,
|
|
leading: IconButton(
|
|
icon: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
size: 20.w,
|
|
),
|
|
onPressed: () {
|
|
controller.forceRollbackIfUnsaved();
|
|
Get.back();
|
|
},
|
|
),
|
|
title: Text(
|
|
'账号和资料',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
fontSize: 18.sp,
|
|
fontWeight: FontWeight.w600,
|
|
),
|
|
),
|
|
centerTitle: true,
|
|
actions: [
|
|
Obx(() => Visibility(
|
|
visible: controller.hasEdits.value,
|
|
child: controller.isUpdating.value
|
|
? Padding(
|
|
padding: EdgeInsets.all(16.w),
|
|
child: SizedBox(
|
|
width: 20.w,
|
|
height: 20.w,
|
|
child: CircularProgressIndicator(
|
|
strokeWidth: 2,
|
|
valueColor: AlwaysStoppedAnimation<Color>(
|
|
isDarkMode ? Colors.blue[300]! : Colors.blue,
|
|
),
|
|
),
|
|
),
|
|
)
|
|
: TextButton(
|
|
onPressed: () async {
|
|
// 保存用户名和头像
|
|
await controller
|
|
.updateUserNameAndAvatar(nameController.text);
|
|
// 如果保存成功（没有编辑状态），延迟返回上一级页面让用户看到成功提示
|
|
if (!controller.hasEdits.value) {
|
|
// 延迟跳转，让用户看到成功提示
|
|
Future.delayed(const Duration(milliseconds: 500), () {
|
|
if (Get.isRegistered<ProfileController>()) {
|
|
Get.back();
|
|
}
|
|
});
|
|
}
|
|
},
|
|
child: Text(
|
|
'save'.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.blue[300] : Colors.blue,
|
|
fontWeight: FontWeight.w500,
|
|
),
|
|
),
|
|
),
|
|
))
|
|
],
|
|
);
|
|
}
|
|
|
|
Widget _buildBody(bool isDarkMode) {
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
controller.forceRollbackIfUnsaved();
|
|
return true;
|
|
},
|
|
child: SafeArea(
|
|
child: ListView(
|
|
padding: EdgeInsets.symmetric(horizontal: 16.w),
|
|
children: [
|
|
SizedBox(height: 4.h),
|
|
_buildAvatarSection(isDarkMode),
|
|
SizedBox(height: 16.h),
|
|
_buildNicknameItem(isDarkMode),
|
|
Divider(
|
|
height: 0.5.h,
|
|
color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
|
|
_buildLoginMethodItem(isDarkMode),
|
|
Divider(
|
|
height: 0.5.h,
|
|
color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
|
|
_buildManageLoginItem(isDarkMode),
|
|
Divider(
|
|
height: 0.5.h,
|
|
color: isDarkMode ? Colors.grey[800] : Colors.grey[200]),
|
|
SizedBox(height: 32.h),
|
|
_buildLogoutButton(isDarkMode),
|
|
SizedBox(height: 16.h),
|
|
_buildDeleteAccountButton(isDarkMode),
|
|
SizedBox(height: 8.h),
|
|
_buildWarningText(),
|
|
SizedBox(height: 32.h),
|
|
],
|
|
),
|
|
));
|
|
}
|
|
|
|
Widget _buildAvatarSection(bool isDarkMode) {
|
|
return Center(
|
|
child: Column(
|
|
children: [
|
|
// 使用统一头像组件，避免闪烁问题
|
|
GestureDetector(
|
|
onTap: () => controller.updateUserAvatar(),
|
|
child: Stack(
|
|
children: [
|
|
UnifiedAvatar(
|
|
radius: 40.r,
|
|
backgroundColor:
|
|
isDarkMode ? Colors.grey[800] : Colors.grey[200],
|
|
iconColor: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
iconSize: 30.r,
|
|
isDarkMode: isDarkMode,
|
|
),
|
|
Positioned(
|
|
bottom: 0,
|
|
right: 0,
|
|
child: Container(
|
|
width: 22.w,
|
|
height: 22.w,
|
|
decoration: BoxDecoration(
|
|
color: isDarkMode ? Colors.grey[600] : Colors.grey[350],
|
|
shape: BoxShape.circle,
|
|
border: Border.all(
|
|
color: isDarkMode ? Colors.black : Colors.white,
|
|
width: 0.w,
|
|
),
|
|
),
|
|
child: Icon(
|
|
Icons.camera_alt,
|
|
size: 14.w,
|
|
color: Colors.black,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// 昵称设置项（双模式内联编辑）- 与 profile_view.dart 完全相同的逻辑
|
|
Widget _buildNicknameItem(bool isDarkMode) {
|
|
return Obx(() {
|
|
// 根据编辑状态显示不同的UI
|
|
if (controller.isEditingNickname.value) {
|
|
return _buildNicknameEditingMode(isDarkMode, nameController);
|
|
} else {
|
|
return _buildNicknameDisplayMode(isDarkMode, nameController);
|
|
}
|
|
});
|
|
}
|
|
|
|
// 构建昵称显示模式 - 适配 profile_meeting_view 的 ListTile 样式
|
|
Widget _buildNicknameDisplayMode(
|
|
bool isDarkMode, TextEditingController nameController) {
|
|
return ListTile(
|
|
onTap: () {
|
|
// 开始内联编辑
|
|
nameController.text = controller.userInfo.value.name;
|
|
controller.startEditingNickname();
|
|
},
|
|
// 禁用水波纹效果
|
|
splashColor: Colors.transparent,
|
|
title: Text(
|
|
'nickname'.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
Obx(() => Text(
|
|
controller.userInfo.value.name.isNotEmpty
|
|
? controller.userInfo.value.name
|
|
: '未设置昵称',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.white : Colors.grey[600],
|
|
),
|
|
)),
|
|
SizedBox(width: 8.w),
|
|
Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16.w,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
// 构建昵称编辑模式 - 适配 profile_meeting_view 的 ListTile 样式
|
|
Widget _buildNicknameEditingMode(
|
|
bool isDarkMode, TextEditingController nameController) {
|
|
return ListTile(
|
|
title: Text(
|
|
'nickname'.tr,
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
trailing: Row(
|
|
mainAxisSize: MainAxisSize.min,
|
|
children: [
|
|
// 编辑输入框 - 替换原来的昵称文本显示区域
|
|
Container(
|
|
constraints: BoxConstraints(
|
|
minWidth: 80.w, // 确保有足够的编辑空间
|
|
maxWidth: 120.w, // 限制最大宽度保持布局稳定
|
|
),
|
|
child: TextField(
|
|
controller: nameController,
|
|
autofocus: true,
|
|
textAlign: TextAlign.right, // 右对齐，与原昵称显示保持一致
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.white : Colors.grey[600],
|
|
),
|
|
decoration: InputDecoration(
|
|
hintText: '输入昵称',
|
|
hintStyle: TextStyle(
|
|
color: isDarkMode ? Colors.grey[500] : Colors.grey[400],
|
|
fontSize: 16.sp,
|
|
),
|
|
border: InputBorder.none, // 移除边框，保持简洁
|
|
enabledBorder: InputBorder.none,
|
|
focusedBorder: InputBorder.none,
|
|
contentPadding: EdgeInsets.zero, // 移除内边距
|
|
isDense: true,
|
|
),
|
|
onSubmitted: (value) {
|
|
// 按回车确认编辑
|
|
controller.finishEditingNickname(value);
|
|
},
|
|
onTapOutside: (event) {
|
|
// 点击外部区域确认编辑
|
|
controller.finishEditingNickname(nameController.text);
|
|
},
|
|
),
|
|
),
|
|
SizedBox(width: 8.w),
|
|
// 保持原有的箭头图标位置，但在编辑模式下可以考虑隐藏或改变
|
|
Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16.w,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLoginMethodItem(bool isDarkMode) {
|
|
return ListTile(
|
|
title: Text(
|
|
'登录方式',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
trailing: Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16.w,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildManageLoginItem(bool isDarkMode) {
|
|
return ListTile(
|
|
title: Text(
|
|
'管理我的登录',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
trailing: Icon(
|
|
Icons.arrow_forward_ios,
|
|
size: 16.w,
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildLogoutButton(bool isDarkMode) {
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
height: 48.h,
|
|
child: OutlinedButton(
|
|
onPressed: () => _showLogoutDialog(isDarkMode),
|
|
style: OutlinedButton.styleFrom(
|
|
backgroundColor: isDarkMode ? Colors.grey[700] : Colors.grey[200],
|
|
side: BorderSide.none,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
),
|
|
),
|
|
child: Text(
|
|
'退出登录',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildDeleteAccountButton(bool isDarkMode) {
|
|
return SizedBox(
|
|
width: double.infinity,
|
|
height: 48.h,
|
|
child: OutlinedButton(
|
|
onPressed: () => _showDeleteAccountDialog(isDarkMode),
|
|
style: OutlinedButton.styleFrom(
|
|
side: BorderSide.none,
|
|
backgroundColor: isDarkMode ? Colors.grey[700] : Colors.grey[200],
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.circular(8.r),
|
|
),
|
|
),
|
|
child: Text(
|
|
'删除账号',
|
|
style: TextStyle(
|
|
fontSize: 16.sp,
|
|
color: Colors.red[600],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildWarningText() {
|
|
return Text.rich(
|
|
TextSpan(
|
|
children: [
|
|
TextSpan(
|
|
text: '警告：',
|
|
style: TextStyle(
|
|
fontSize: 12.sp, // 稍微大一点的字号
|
|
color: Colors.red[800], // 更深的红色
|
|
//fontStyle: FontStyle.italic, // 斜体
|
|
),
|
|
),
|
|
TextSpan(
|
|
text: '您的账号信息和所有文件将被永久删除。',
|
|
style: TextStyle(
|
|
fontSize: 11.sp,
|
|
color: Colors.grey[600],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
textAlign: TextAlign.center,
|
|
);
|
|
}
|
|
|
|
//退出登录提示窗
|
|
void _showLogoutDialog(bool isDarkMode) {
|
|
Get.dialog(
|
|
AlertDialog(
|
|
backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
|
|
title: Text(
|
|
'退出登录',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
),
|
|
),
|
|
content: Text(
|
|
'确定要退出当前账号吗？\n请确认所有转写任务已完成。',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Get.back(),
|
|
child: Text(
|
|
'cancel'.tr,
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
Get.back();
|
|
controller.signOut();
|
|
},
|
|
child: Text(
|
|
'confirm'.tr,
|
|
style: const TextStyle(
|
|
color: Colors.red,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
void _showDeleteAccountDialog(bool isDarkMode) {
|
|
Get.dialog(
|
|
AlertDialog(
|
|
backgroundColor: isDarkMode ? Colors.grey[900] : Colors.white,
|
|
title: Text(
|
|
'删除账号',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.white : Colors.black87,
|
|
),
|
|
),
|
|
content: Text(
|
|
'警告：您的账号信息和所有文件将被永久删除。',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
actions: [
|
|
TextButton(
|
|
onPressed: () => Get.back(),
|
|
child: Text(
|
|
'取消',
|
|
style: TextStyle(
|
|
color: isDarkMode ? Colors.grey[400] : Colors.grey[600],
|
|
),
|
|
),
|
|
),
|
|
TextButton(
|
|
onPressed: () {
|
|
Get.back();
|
|
controller.deleteAccount();
|
|
},
|
|
child: Text(
|
|
'confirm'.tr,
|
|
style: const TextStyle(
|
|
color: Colors.red,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|