1099 lines
39 KiB
Dart
Executable File
1099 lines
39 KiB
Dart
Executable File
import 'package:flutter/material.dart';
|
||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||
import 'package:get/get.dart';
|
||
|
||
import 'package:kaer_with_panels/app/model/enum/kr_request_type.dart';
|
||
import 'package:kaer_with_panels/app/model/kr_area_code.dart';
|
||
|
||
import 'package:kaer_with_panels/app/modules/kr_login/views/kr_search_area_code_view.dart';
|
||
import 'package:kaer_with_panels/app/widgets/kr_app_text_style.dart';
|
||
|
||
import 'package:kaer_with_panels/app/widgets/kr_local_image.dart';
|
||
import '../../../routes/app_pages.dart';
|
||
import '../controllers/kr_login_controller.dart';
|
||
import 'package:kaer_with_panels/app/localization/app_translations.dart';
|
||
import 'package:kaer_with_panels/app/services/api_service/api.dart';
|
||
import 'package:kaer_with_panels/app/common/app_config.dart';
|
||
|
||
class KRLoginView extends GetView<KRLoginController> {
|
||
const KRLoginView({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final theme = Theme.of(context);
|
||
return GestureDetector(
|
||
onTap: () {
|
||
if (!FocusScope.of(context).hasPrimaryFocus) {
|
||
FocusScope.of(context).unfocus();
|
||
}
|
||
_hideDropdown();
|
||
},
|
||
child: Container(
|
||
color: theme.scaffoldBackgroundColor,
|
||
child: SingleChildScrollView(
|
||
padding: EdgeInsets.symmetric(horizontal: 20.w),
|
||
child: Obx(() {
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_check:
|
||
return _buildCheckView(context);
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
return _buildLoginByCodeView(context);
|
||
case KRLoginProgressStatus.kr_loginByPsd:
|
||
return _buildLoginByPsdView(context);
|
||
case KRLoginProgressStatus.kr_registerSendCode:
|
||
return _buildRegisterSendCodeView(context);
|
||
case KRLoginProgressStatus.kr_registerSetPsd:
|
||
return _buildRegisterSetPsdView(context);
|
||
case KRLoginProgressStatus.kr_forgetPsdSendCode:
|
||
return _buildForgetPsdSendCodeView(context);
|
||
case KRLoginProgressStatus.kr_forgetPsdSetPsd:
|
||
return _buildForgetPsdSetPsdView(context);
|
||
default:
|
||
return Container();
|
||
}
|
||
}),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildCheckView(BuildContext context) {
|
||
// 构建检查视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 获取底部间距
|
||
double _getBottomPadding() {
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_check:
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_loginByPsd:
|
||
// 这些状态内容较少，减小底部间距
|
||
return 48.w;
|
||
case KRLoginProgressStatus.kr_registerSetPsd:
|
||
case KRLoginProgressStatus.kr_forgetPsdSetPsd:
|
||
// 这些状态有额外的输入框，保持原有间距
|
||
return 48.w;
|
||
default:
|
||
// 其他状态使用中等间距
|
||
return 48.w;
|
||
}
|
||
}
|
||
|
||
Widget _buildLoginByCodeView(BuildContext context) {
|
||
// 构建验证码登录视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildLoginByPsdView(BuildContext context) {
|
||
// 构建密码登录视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildRegisterSendCodeView(BuildContext context) {
|
||
// 构建注册发送验证码视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildRegisterSetPsdView(BuildContext context) {
|
||
// 构建注册设置密码视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
Column(
|
||
children: [
|
||
SizedBox(height: 8.w),
|
||
_buildInputContainer(context, true, Theme.of(context)),
|
||
SizedBox(height: 8.w),
|
||
_buildInviteCodeInput(Theme.of(context)),
|
||
],
|
||
),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildForgetPsdSendCodeView(BuildContext context) {
|
||
// 构建忘记密码发送验证码视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
Widget _buildForgetPsdSetPsdView(BuildContext context) {
|
||
// 构建忘记密码设置密码视图的代码
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginStatus.value != KRLoginProgressStatus.kr_check,
|
||
child: _buildBackButton(Theme.of(context)),
|
||
)),
|
||
_buildHeaderSection(Theme.of(context)),
|
||
_buildInputSection(context, Theme.of(context)),
|
||
if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSetPsd)
|
||
Column(
|
||
children: [
|
||
SizedBox(height: 8.w),
|
||
_buildInputContainer(context, true, Theme.of(context)),
|
||
],
|
||
),
|
||
_buildDynamicContent(Theme.of(context)),
|
||
_buildNextButton(controller.kr_getNextBtnText(), Theme.of(context)),
|
||
SizedBox(height: _getBottomPadding()),
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 构建头部文本部分
|
||
Widget _buildHeaderSection(ThemeData theme) {
|
||
// 根据不同状态决定是否显示额外信息
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_registerSendCode:
|
||
case KRLoginProgressStatus.kr_forgetPsdSendCode:
|
||
// 验证码相关状态
|
||
if (!controller.kr_canSendCode.value) {
|
||
// 已发送验证码状态
|
||
return Column(
|
||
crossAxisAlignment: CrossAxisAlignment.start,
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
SizedBox(height: 24.w),
|
||
_buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
SizedBox(height: 8.w),
|
||
_buildHeaderText(
|
||
_isSendPhone()
|
||
? AppTranslations.kr_login.verifyPhone
|
||
: AppTranslations.kr_login.verifyEmail,
|
||
theme
|
||
),
|
||
SizedBox(height: 8.w),
|
||
Text(
|
||
AppTranslations.kr_login.codeSent(controller.accountController.text),
|
||
style: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 13.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
color: const Color(0xFF666666),
|
||
),
|
||
),
|
||
SizedBox(height: 24.w),
|
||
],
|
||
);
|
||
}
|
||
// 未发送验证码状态，显示简单标题
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||
child: _buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
);
|
||
|
||
case KRLoginProgressStatus.kr_loginByPsd:
|
||
// 密码登录状态
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||
child: _buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
);
|
||
|
||
case KRLoginProgressStatus.kr_registerSetPsd:
|
||
// 注册设置密码状态
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||
child: _buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
);
|
||
|
||
case KRLoginProgressStatus.kr_forgetPsdSetPsd:
|
||
// 忘记密码设置新密码状态
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||
child: _buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
);
|
||
|
||
case KRLoginProgressStatus.kr_check:
|
||
default:
|
||
// 初始状态和其他状态
|
||
return Padding(
|
||
padding: EdgeInsets.only(top: 24.w, bottom: 24.w),
|
||
child: _buildHeaderText(AppTranslations.kr_login.welcome, theme),
|
||
);
|
||
}
|
||
}
|
||
|
||
/// 判断是否为验证码输入状态
|
||
bool _isCodeInput() {
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_registerSendCode:
|
||
case KRLoginProgressStatus.kr_forgetPsdSendCode:
|
||
return true;
|
||
default:
|
||
return false;
|
||
}
|
||
}
|
||
|
||
/// 判断是否手机号验证
|
||
bool _isSendPhone() {
|
||
return controller.kr_loginType == KRLoginType.kr_telephone;
|
||
}
|
||
|
||
/// 修改 _buildInputSection 方法
|
||
Widget _buildInputSection(BuildContext context, ThemeData theme) {
|
||
return Obx(() {
|
||
final loginStatus = controller.kr_loginStatus.value;
|
||
if (loginStatus == KRLoginProgressStatus.kr_check) {
|
||
return CompositedTransformTarget(
|
||
link: controller.kr_layerLink,
|
||
child: Container(
|
||
width: double.infinity,
|
||
child: Row(
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginType.value == KRLoginType.kr_telephone,
|
||
maintainState: true,
|
||
maintainSize: false,
|
||
maintainAnimation: true,
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
_buildAreaSelector(theme),
|
||
SizedBox(width: 8.w),
|
||
],
|
||
),
|
||
)),
|
||
Expanded(
|
||
child: Container(
|
||
height: 52.w,
|
||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 0.5, color: const Color(0xFFD2D2D2)),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_loginType.value != KRLoginType.kr_telephone,
|
||
maintainState: true,
|
||
maintainAnimation: true,
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
_buildIcon("login_account"),
|
||
SizedBox(width: 8.w),
|
||
],
|
||
),
|
||
)),
|
||
Expanded(
|
||
child: TextField(
|
||
focusNode: controller.kr_accountFocusNode,
|
||
controller: controller.accountController,
|
||
keyboardType: TextInputType.text,
|
||
decoration: InputDecoration(
|
||
hintText: 'login.enterEmailOrPhone'.tr,
|
||
hintStyle: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
border: InputBorder.none,
|
||
),
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
onChanged: (value) {
|
||
if (controller.kr_emailList.isNotEmpty) {
|
||
_showDropdown(context);
|
||
} else {
|
||
_hideDropdown();
|
||
}
|
||
},
|
||
),
|
||
),
|
||
_buildClearButton(),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
return _buildInputContainer(context, false, theme);
|
||
});
|
||
}
|
||
|
||
/// 构建输入容器
|
||
Widget _buildInputContainer(BuildContext context, bool isNewPsd, ThemeData theme) {
|
||
if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check &&
|
||
controller.kr_loginType.value == KRLoginType.kr_telephone) {
|
||
return Row(
|
||
children: [
|
||
_buildAreaSelector(theme),
|
||
SizedBox(width: 8.w),
|
||
Expanded(
|
||
child: _buildPhoneInput(context, theme),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
return CompositedTransformTarget(
|
||
link: controller.kr_layerLink,
|
||
child: Container(
|
||
width: double.infinity,
|
||
height: 52.w,
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 0.5, color: const Color(0xFFD2D2D2)),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
Padding(
|
||
padding: EdgeInsets.only(left: 12.w),
|
||
child: _buildInputLeftWideget(theme),
|
||
),
|
||
SizedBox(width: 8.w),
|
||
Expanded(
|
||
child: TextField(
|
||
controller: controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check
|
||
? controller.accountController
|
||
: controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSendCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSendCode
|
||
? controller.codeController
|
||
: isNewPsd
|
||
? controller.agPsdController
|
||
: controller.psdController,
|
||
keyboardType: (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSendCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSendCode)
|
||
? TextInputType.number
|
||
: TextInputType.text,
|
||
decoration: InputDecoration(
|
||
hintText: controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check
|
||
? 'login.enterEmailOrPhone'.tr
|
||
: controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSendCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSendCode
|
||
? 'login.enterCode'.tr
|
||
: isNewPsd
|
||
? 'login.reenterPassword'.tr
|
||
: 'login.enterPassword'.tr,
|
||
hintStyle: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
border: InputBorder.none,
|
||
contentPadding: EdgeInsets.symmetric(vertical: 16.w),
|
||
suffixIcon: (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByPsd ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSetPsd ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSetPsd) &&
|
||
(isNewPsd ? controller.kr_agPsdHasText.value : controller.kr_psdHasText.value)
|
||
? IconButton(
|
||
icon: Icon(
|
||
controller.kr_obscureText.value ? Icons.visibility_off : Icons.visibility,
|
||
color: const Color(0xFF999999),
|
||
),
|
||
onPressed: () {
|
||
controller.kr_obscureText.value = !controller.kr_obscureText.value;
|
||
},
|
||
)
|
||
: null,
|
||
),
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
obscureText: (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByPsd ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSetPsd ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSetPsd) &&
|
||
controller.kr_obscureText.value,
|
||
onChanged: (value) {
|
||
if (controller.kr_emailList.length > 0) {
|
||
_showDropdown(context);
|
||
} else {
|
||
_hideDropdown();
|
||
}
|
||
},
|
||
),
|
||
),
|
||
if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_loginByCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_registerSendCode ||
|
||
controller.kr_loginStatus.value == KRLoginProgressStatus.kr_forgetPsdSendCode) ...[
|
||
if (controller.kr_codeHasText.value)
|
||
GestureDetector(
|
||
onTap: () {
|
||
controller.codeController.clear();
|
||
},
|
||
child: Container(
|
||
height: double.infinity,
|
||
padding: EdgeInsets.symmetric(horizontal: 8.w),
|
||
child: _buildIcon("login_close"),
|
||
),
|
||
),
|
||
_buildSendCodeButton(theme),
|
||
] else if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check
|
||
? controller.kr_accountHasText.value
|
||
: isNewPsd
|
||
? controller.kr_agPsdHasText.value
|
||
: controller.kr_psdHasText.value) ...[
|
||
GestureDetector(
|
||
onTap: () {
|
||
if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check) {
|
||
controller.kr_emailList.clear();
|
||
_hideDropdown();
|
||
}
|
||
if (controller.kr_loginStatus.value == KRLoginProgressStatus.kr_check) {
|
||
controller.accountController.clear();
|
||
} else if (isNewPsd) {
|
||
controller.agPsdController.clear();
|
||
} else {
|
||
controller.psdController.clear();
|
||
}
|
||
},
|
||
child: Container(
|
||
height: double.infinity,
|
||
padding: EdgeInsets.symmetric(horizontal: 8.w),
|
||
child: _buildIcon("login_close"),
|
||
),
|
||
),
|
||
],
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建发送验证码按钮
|
||
Widget _buildSendCodeButton(ThemeData theme) {
|
||
return Obx(() => GestureDetector(
|
||
onTap: controller.kr_canSendCode.value ? () => controller.kr_sendCode() : null,
|
||
child: Container(
|
||
alignment: Alignment.center,
|
||
width: 100.w,
|
||
padding: EdgeInsets.only(right: 4.w),
|
||
child: Text(
|
||
controller.kr_countdownText.value,
|
||
style: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
color: controller.kr_canSendCode.value
|
||
? const Color(0xFF1797FF)
|
||
: const Color(0xFF999999),
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
),
|
||
),
|
||
));
|
||
}
|
||
|
||
/// 显示悬浮框
|
||
void _showDropdown(BuildContext context) {
|
||
final theme = Theme.of(context);
|
||
if (controller.isDropdownVisible) return;
|
||
|
||
controller.overlayEntry = OverlayEntry(
|
||
builder: (_) => Positioned(
|
||
width: MediaQuery.of(context).size.width - 40.w,
|
||
child: CompositedTransformFollower(
|
||
link: controller.kr_layerLink,
|
||
showWhenUnlinked: false,
|
||
offset: Offset(0, 54.w),
|
||
child: Material(
|
||
elevation: 4,
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
child: Obx(() {
|
||
return Container(
|
||
constraints: BoxConstraints(maxHeight: 216.w),
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: ListView.builder(
|
||
padding: EdgeInsets.zero,
|
||
shrinkWrap: true,
|
||
itemCount: controller.kr_emailList.length,
|
||
itemBuilder: (context, index) {
|
||
final email = controller.kr_emailList[index];
|
||
return InkWell(
|
||
onTap: () {
|
||
controller.accountController.text = email;
|
||
controller.accountController.selection = TextSelection.fromPosition(
|
||
TextPosition(offset: email.length),
|
||
);
|
||
_hideDropdown();
|
||
},
|
||
child: Container(
|
||
padding: EdgeInsets.symmetric(
|
||
vertical: 12.w,
|
||
horizontal: 15.w,
|
||
),
|
||
child: Text(
|
||
email,
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
),
|
||
),
|
||
);
|
||
},
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
),
|
||
),
|
||
);
|
||
|
||
Overlay.of(context).insert(controller.overlayEntry!);
|
||
controller.isDropdownVisible = true;
|
||
}
|
||
|
||
/// 隐藏悬浮框
|
||
void _hideDropdown() {
|
||
if (controller.isDropdownVisible) {
|
||
controller.overlayEntry?.remove();
|
||
controller.overlayEntry = null;
|
||
controller.isDropdownVisible = false;
|
||
}
|
||
}
|
||
|
||
/// 构建输入框左侧组件
|
||
Widget _buildInputLeftWideget(ThemeData theme) {
|
||
return Obx(() {
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_check:
|
||
// 检查状态下，根据登录类型判断返回内容
|
||
return controller.kr_loginType.value == KRLoginType.kr_telephone
|
||
? _buildChoiceCode(theme)
|
||
: _buildIcon("login_account");
|
||
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_registerSendCode:
|
||
case KRLoginProgressStatus.kr_forgetPsdSendCode:
|
||
// 验证码相关状态，返回通用图标
|
||
return _buildIcon("login_code");
|
||
|
||
case KRLoginProgressStatus.kr_registerSetPsd:
|
||
case KRLoginProgressStatus.kr_forgetPsdSetPsd:
|
||
// 设置密码相关状态，返回通用图标
|
||
return _buildIcon("login_psd");
|
||
|
||
default:
|
||
// 默认返回通用图标
|
||
return SizedBox();
|
||
}
|
||
});
|
||
}
|
||
|
||
/// 动态显示内容部分
|
||
Widget _buildDynamicContent(ThemeData theme) {
|
||
// 先确定内容
|
||
Widget? content;
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_check:
|
||
content = _buildAgreementText(theme);
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_loginByPsd:
|
||
content = _buildLoginBtns(theme);
|
||
default:
|
||
return SizedBox(height: 17.w); // 移除 const，因为使用了扩展方法
|
||
}
|
||
|
||
// 有内容时的布局
|
||
return Column(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
SizedBox(height: 12.w), // 与输入框的间距
|
||
content,
|
||
SizedBox(height: 17.w), // 与下一步按钮的间距
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 构建协议文本
|
||
Widget _buildAgreementText(ThemeData theme) {
|
||
return Row(
|
||
crossAxisAlignment: CrossAxisAlignment.center,
|
||
children: [
|
||
KrLocalImage(
|
||
imageName: "selete_s",
|
||
width: 20.w,
|
||
height: 20.w,
|
||
),
|
||
SizedBox(width: 4.w),
|
||
Expanded(
|
||
child: Wrap(
|
||
alignment: WrapAlignment.start,
|
||
spacing: 4.w,
|
||
runSpacing: 4.w,
|
||
crossAxisAlignment: WrapCrossAlignment.center,
|
||
children: [
|
||
Text(
|
||
'login.agreeTerms'.tr,
|
||
style: _commonTextStyle(fontSize: 13),
|
||
),
|
||
GestureDetector(
|
||
onTap: () => Get.toNamed(Routes.KR_WEBVIEW, arguments: {
|
||
'url': Api.kr_getSiteTos,
|
||
'title': 'login.termsOfService'.tr,
|
||
}),
|
||
child: Text(
|
||
'login.termsOfService'.tr,
|
||
style: _commonTextStyle(fontSize: 13, color: const Color(0xFF1796FF)),
|
||
),
|
||
),
|
||
Text(
|
||
AppTranslations.kr_login.and,
|
||
style: _commonTextStyle(fontSize: 13),
|
||
),
|
||
GestureDetector(
|
||
onTap: () => Get.toNamed(Routes.KR_WEBVIEW, arguments: {
|
||
'url': Api.kr_getSitePrivacy,
|
||
'title': 'login.privacyPolicy'.tr,
|
||
}),
|
||
child: Text(
|
||
'login.privacyPolicy'.tr,
|
||
style: _commonTextStyle(fontSize: 13, color: const Color(0xFF1796FF)),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
],
|
||
);
|
||
}
|
||
|
||
/// 构建登录按钮行
|
||
Widget _buildLoginBtns(ThemeData theme) {
|
||
return SizedBox(
|
||
height: 24.w,
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
children: [
|
||
GestureDetector(
|
||
onTap: () => controller.kr_loginStatus.value =
|
||
KRLoginProgressStatus.kr_forgetPsdSendCode,
|
||
behavior: HitTestBehavior.opaque,
|
||
child: Text(
|
||
'login.forgotPassword'.tr,
|
||
style: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 13.sp,
|
||
color: const Color(0xFF666666),
|
||
fontWeight: FontWeight.w500,
|
||
fontFamily: 'AlibabaPuHuiTi-Medium',
|
||
),
|
||
),
|
||
),
|
||
GestureDetector(
|
||
onTap: () {
|
||
controller.kr_loginStatus.value = controller.kr_loginStatus.value ==
|
||
KRLoginProgressStatus.kr_loginByPsd
|
||
? KRLoginProgressStatus.kr_loginByCode
|
||
: KRLoginProgressStatus.kr_loginByPsd;
|
||
},
|
||
behavior: HitTestBehavior.opaque,
|
||
child: Text(
|
||
controller.kr_loginStatus.value ==
|
||
KRLoginProgressStatus.kr_loginByPsd
|
||
? 'login.codeLogin'.tr
|
||
: "login.passwordLogin".tr,
|
||
style: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 13.sp,
|
||
color: const Color(0xFF666666),
|
||
fontWeight: FontWeight.w500,
|
||
fontFamily: 'AlibabaPuHuiTi-Medium',
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 构建下一步按钮
|
||
Widget _buildNextButton(String text, ThemeData theme) {
|
||
return TextButton(
|
||
onPressed: () {
|
||
switch (controller.kr_loginStatus.value) {
|
||
case KRLoginProgressStatus.kr_check:
|
||
controller.kr_check();
|
||
break;
|
||
case KRLoginProgressStatus.kr_loginByCode:
|
||
case KRLoginProgressStatus.kr_loginByPsd:
|
||
controller.kr_login();
|
||
break;
|
||
case KRLoginProgressStatus.kr_registerSendCode:
|
||
controller.kr_checkCode();
|
||
break;
|
||
case KRLoginProgressStatus.kr_registerSetPsd:
|
||
controller.kr_register();
|
||
break;
|
||
case KRLoginProgressStatus.kr_forgetPsdSendCode:
|
||
controller.kr_checkCode();
|
||
break;
|
||
case KRLoginProgressStatus.kr_forgetPsdSetPsd:
|
||
controller.kr_setNewPsdByForgetPsd();
|
||
break;
|
||
}
|
||
},
|
||
style: TextButton.styleFrom(
|
||
padding: EdgeInsets.zero,
|
||
minimumSize: Size.zero,
|
||
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
|
||
),
|
||
child: Container(
|
||
width: double.infinity,
|
||
height: 52.w,
|
||
decoration: BoxDecoration(
|
||
color: const Color(0xFF1797FF),
|
||
borderRadius: BorderRadius.circular(12.r),
|
||
boxShadow: [
|
||
BoxShadow(
|
||
color: const Color(0xFF1797FF).withOpacity(0.3),
|
||
blurRadius: 8.r,
|
||
offset: Offset(0, 4.w),
|
||
),
|
||
],
|
||
),
|
||
alignment: Alignment.center,
|
||
child: Text(
|
||
text,
|
||
style: TextStyle(
|
||
fontSize: 17.sp,
|
||
color: Colors.white,
|
||
fontWeight: FontWeight.w600,
|
||
letterSpacing: 0.5,
|
||
fontFamily: 'AlibabaPuHuiTi-Medium',
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
///
|
||
Widget _buildIcon(String name) {
|
||
return KrLocalImage(
|
||
imageName: name,
|
||
width: 20.w,
|
||
height: 20.w,
|
||
);
|
||
}
|
||
|
||
/// 修改区域选择器样式
|
||
Widget _buildChoiceCode(ThemeData theme) {
|
||
return GestureDetector(
|
||
onTap: () {
|
||
KRSearchAreaView.show((KRAreaCodeItem selectedArea, int index) {
|
||
controller.kr_cutSeleteCodeIndex.value = index;
|
||
});
|
||
},
|
||
child: Container(
|
||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||
child: Row(
|
||
mainAxisSize: MainAxisSize.min,
|
||
children: [
|
||
Obx(() => Text(
|
||
controller.kr_areaCodeList[controller.kr_cutSeleteCodeIndex.value].kr_icon,
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 28.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
fontWeight: FontWeight.w400,
|
||
height: 1.40,
|
||
),
|
||
)),
|
||
SizedBox(width: 8.w),
|
||
Obx(() => Text(
|
||
'+${controller.kr_areaCodeList[controller.kr_cutSeleteCodeIndex.value].kr_dialCode}',
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 15.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
fontWeight: FontWeight.w400,
|
||
height: 1.40,
|
||
),
|
||
)),
|
||
SizedBox(width: 4.w),
|
||
Icon(
|
||
Icons.keyboard_arrow_down,
|
||
color: theme.textTheme.bodyMedium?.color,
|
||
size: 20.w,
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
/// 通用文本样式
|
||
TextStyle _commonTextStyle({
|
||
required double fontSize,
|
||
FontWeight fontWeight = FontWeight.w400,
|
||
Color? color,
|
||
}) {
|
||
return KrAppTextStyle(
|
||
fontSize: fontSize,
|
||
fontWeight: fontWeight,
|
||
color: color,
|
||
);
|
||
}
|
||
|
||
/// 构建标题文本
|
||
Widget _buildHeaderText(String text, ThemeData theme) {
|
||
return Text(
|
||
text,
|
||
style: theme.textTheme.headlineMedium?.copyWith(
|
||
fontSize: 24.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Bold',
|
||
color: theme.textTheme.bodyMedium?.color,
|
||
height: 1.3,
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildInviteCodeInput(ThemeData theme) {
|
||
return Container(
|
||
width: double.infinity,
|
||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||
height: 52.w,
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 0.5, color: const Color(0xFFD2D2D2)),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
_buildIcon("login_psd"),
|
||
SizedBox(width: 8.w),
|
||
Expanded(
|
||
child: TextField(
|
||
controller: controller.inviteCodeController,
|
||
decoration: InputDecoration(
|
||
hintText: AppTranslations.kr_login.enterInviteCode,
|
||
hintStyle: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
border: InputBorder.none,
|
||
),
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
),
|
||
),
|
||
Obx(() => Visibility(
|
||
visible: controller.kr_inviteCodeHasText.value,
|
||
child: GestureDetector(
|
||
onTap: () {
|
||
controller.inviteCodeController.clear();
|
||
},
|
||
child: Container(
|
||
height: double.infinity,
|
||
padding: EdgeInsets.only(left: 5.w, right: 5.w),
|
||
child: _buildIcon("login_close"),
|
||
),
|
||
),
|
||
)),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildBackButton(ThemeData theme) {
|
||
return GestureDetector(
|
||
onTap: () {
|
||
controller.kr_back();
|
||
},
|
||
child: Padding(
|
||
padding: EdgeInsets.fromLTRB(0, 20.w, 0, 0),
|
||
child: Row(
|
||
children: [
|
||
Icon(
|
||
size: 16.w,
|
||
Icons.arrow_back_ios_sharp,
|
||
color: theme.textTheme.bodyMedium?.color,
|
||
),
|
||
SizedBox(width: 4.w),
|
||
Text(
|
||
AppTranslations.kr_login.back,
|
||
textAlign: TextAlign.center,
|
||
style: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Medium',
|
||
fontWeight: FontWeight.w500,
|
||
color: theme.textTheme.bodyMedium?.color,
|
||
height: 1.60,
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildPhoneInput(BuildContext context, ThemeData theme) {
|
||
return Container(
|
||
height: 52.w,
|
||
padding: EdgeInsets.symmetric(horizontal: 12.w),
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 0.5, color: const Color(0xFFD2D2D2)),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: Row(
|
||
children: [
|
||
_buildIcon("login_account"),
|
||
SizedBox(width: 8.w),
|
||
Expanded(
|
||
child: Focus(
|
||
onFocusChange: (hasFocus) {
|
||
if (hasFocus) {
|
||
controller.kr_accountFocusNode.requestFocus();
|
||
}
|
||
},
|
||
child: TextField(
|
||
focusNode: controller.kr_accountFocusNode,
|
||
controller: controller.accountController,
|
||
keyboardType: TextInputType.phone,
|
||
decoration: InputDecoration(
|
||
hintText: 'login.enterEmailOrPhone'.tr,
|
||
hintStyle: theme.textTheme.bodySmall?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
border: InputBorder.none,
|
||
),
|
||
style: theme.textTheme.bodyMedium?.copyWith(
|
||
fontSize: 14.sp,
|
||
fontFamily: 'AlibabaPuHuiTi-Regular',
|
||
),
|
||
),
|
||
),
|
||
),
|
||
_buildClearButton(),
|
||
],
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget _buildClearButton() {
|
||
return Obx(() => Visibility(
|
||
visible: controller.kr_accountHasText.value,
|
||
child: GestureDetector(
|
||
onTap: () {
|
||
controller.accountController.clear();
|
||
},
|
||
child: Container(
|
||
height: double.infinity,
|
||
padding: EdgeInsets.only(left: 5.w, right: 5.w),
|
||
child: _buildIcon("login_close"),
|
||
),
|
||
),
|
||
));
|
||
}
|
||
|
||
Widget _buildAreaSelector(ThemeData theme) {
|
||
return GestureDetector(
|
||
behavior: HitTestBehavior.opaque,
|
||
onTap: () {
|
||
KRSearchAreaView.show((KRAreaCodeItem selectedArea, int index) {
|
||
controller.kr_cutSeleteCodeIndex.value = index;
|
||
});
|
||
},
|
||
child: Container(
|
||
height: 52.w,
|
||
decoration: ShapeDecoration(
|
||
color: theme.cardColor,
|
||
shape: RoundedRectangleBorder(
|
||
side: BorderSide(width: 0.5, color: const Color(0xFFD2D2D2)),
|
||
borderRadius: BorderRadius.circular(10.r),
|
||
),
|
||
),
|
||
child: _buildChoiceCode(theme),
|
||
),
|
||
);
|
||
}
|
||
}
|