import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:flutter_easyloading/flutter_easyloading.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:marking_app/common/config/request_config.dart'; import 'package:marking_app/common/mixin/common.dart'; import 'package:marking_app/common/model/common/base_structure_result.dart'; import 'package:marking_app/common/model/user/user_login_params.dart'; import 'package:marking_app/routes/RouterManager.dart'; import 'package:marking_app/utils/common_utils.dart'; import 'package:marking_app/utils/const_text.dart'; import 'package:marking_app/utils/index.dart'; import 'package:marking_app/utils/my_text.dart'; import 'package:marking_app/utils/request/rest_client.dart'; class Register extends StatefulWidget { const Register({Key? key}) : super(key: key); @override State createState() => _RegisterState(); } class _RegisterState extends State with CommonMixin{ late final FocusNode _theFocus; late final FocusNode _pwdFocus; // 密码 //文本输入框控制器 late final TextEditingController _userNameController; late final TextEditingController _passwordController; bool readAgreement = false; // 阅读协议 bool _isShowPwd = true; bool canLogin = true; @override void initState(){ super.initState(); _userNameController = TextEditingController(); _passwordController = TextEditingController(); _pwdFocus = FocusNode(); _theFocus = FocusNode(); } @override void dispose() { super.dispose(); _userNameController.dispose(); _passwordController.dispose(); _pwdFocus.dispose(); _theFocus.dispose(); } void toRegister() async{ if (!canLogin) return; setState(() => canLogin = false); void toMsg(msg) { ToastUtils.showError(msg); setState(() => canLogin = true); } FocusScope.of(context).requestFocus(_theFocus); String userName = _userNameController.text.trim(); String userPwd = _passwordController.text.trim(); if (userName == '') return toMsg('请填写用户账号'); if (userPwd == '') return toMsg('请填写密码'); if (!readAgreement) return toMsg('请勾选我已阅读用户协议和隐私协议'); String userPwdMd5 = CommonUtils.generateMD5(userPwd); print('注册userPwdMd5=$userPwdMd5'); EasyLoading.show(status: 'loading...'); RestClient client = await getClientLogin(); BaseStructureResult resultData = await client.toRegister(UserLoginParams(userName, userPwdMd5)); if (resultData.code != 200) { return toMsg(resultData.message ?? '注册失败，请重试'); } EasyLoading.dismiss(); ToastUtils.showSuccess('注册成功,请登录'); // 跳转登录页 RouterManager.router.navigateTo(context, RouterManager.loginPath); } void _showPassword() { setState(() { _isShowPwd = !_isShowPwd; }); } @override Widget build(BuildContext context) { return GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { FocusScope.of(context).requestFocus(_theFocus); }, child: AnnotatedRegion( value: const SystemUiOverlayStyle( statusBarColor: Colors.transparent, systemNavigationBarIconBrightness: Brightness.light, statusBarIconBrightness: Brightness.light, statusBarBrightness: Brightness.dark, ), child: Scaffold( backgroundColor: Colors.transparent, resizeToAvoidBottomInset: false, body: Stack( children: [ Container( width: double.infinity, height: double.infinity, alignment: Alignment.center, decoration: const BoxDecoration( image: DecorationImage( image: AssetImage('assets/images/login_bgi.png'), fit: BoxFit.fill, // 完全填充 ), ), child: SingleChildScrollView( child: Column( children: [ Container( width: 86.w, height: 86.w, alignment: Alignment.center, child: SizedBox( height: 86.w, width: 86.w, child: Image.asset('assets/images/logo.png', fit: BoxFit.cover), ), ), Container( margin: EdgeInsets.symmetric(horizontal: 32.w, vertical: 24.h), padding: EdgeInsets.only(top: 34.h, bottom: 16.h, left: 22.w, right: 22.w), decoration: BoxDecoration( color: Colors.white, border: Border.all(width: 1.w, color: Colors.white), borderRadius: BorderRadius.all(Radius.circular(10.w)), boxShadow: const [ BoxShadow( color: Color.fromRGBO(46, 91, 255, 0.1), offset: Offset.zero, //阴影y轴偏移量 blurRadius: 100, //阴影模糊程度 spreadRadius: 100, //阴影扩散程度 ) ], ), child: Column(children: [ TextField( controller: _userNameController, maxLines: 1, maxLength: 20, textInputAction: TextInputAction.next, onEditingComplete: () { FocusScope.of(context).requestFocus(_pwdFocus); }, style: TextStyle( color: const Color.fromRGBO(80, 87, 103, 1), fontSize: 15.sp, ), decoration: InputDecoration( hintText: "请输入账号", hintStyle: TextStyle(fontSize: 16.sp, color: const Color.fromRGBO(153, 153, 153, 1)), labelText: "账号", labelStyle: TextStyle(fontSize: 16.sp, color: const Color.fromRGBO(148, 163, 182, 1)), ), ), TextField( focusNode: _pwdFocus, controller: _passwordController, keyboardType: TextInputType.number, maxLines: 1, obscureText: _isShowPwd, //隐藏密码显示 textInputAction: TextInputAction.go, onSubmitted: (val) => toRegister(), style: TextStyle( color: const Color.fromRGBO(80, 87, 103, 1), fontSize: 15.sp, ), decoration: InputDecoration( hintText: "请输入密码", suffix: GestureDetector( onTap: _showPassword, child: Icon( Icons.remove_red_eye, color: !_isShowPwd ? Theme.of(context).primaryColor : Colors.grey, ), ), hintStyle: TextStyle(fontSize: 16.sp, color: const Color.fromRGBO(153, 153, 153, 1)), labelText: "密码", isDense: true, labelStyle: TextStyle(fontSize: 16.sp, color: const Color.fromRGBO(148, 163, 182, 1)), ), ), SizedBox( height: 12.h, ), InkWell( onTap: toRegister, child: Container( margin: EdgeInsets.symmetric(vertical: 10.h), decoration: BoxDecoration( color: canLogin ? const Color.fromRGBO(9, 105, 246, 1) : Colors.grey, boxShadow: [ BoxShadow( color: const Color.fromRGBO(46, 91, 255, 0.5), offset: Offset(6.w, 10.h), //阴影y轴偏移量 blurRadius: 14, //阴影模糊程度 spreadRadius: 0.5, //阴影扩散程度 ) ], borderRadius: BorderRadius.all( Radius.circular(8.w), ), ), alignment: Alignment.center, width: double.infinity, height: 50.h, child: Text( '注 册', style: TextStyle(fontSize: 16.sp, color: Colors.white), ), ), ), Row( children: [ Container( width: 30.w, padding: EdgeInsets.only(right: 10.w), child: Checkbox( activeColor: Colors.deepOrangeAccent, checkColor: Colors.white, value: readAgreement, onChanged: (value) { FocusScope.of(context) .requestFocus(_pwdFocus); FocusScope.of(context) .requestFocus(_theFocus); setState(() { readAgreement = value ?? false; }); }, ), ), InkWell( onTap: () { RouterManager.router.navigateTo( context, '${RouterManager.agreementPath}?type=${AGREEMENT_KEY.USER_AGREEMENT.name}', transition: getTransition(), ); }, child: quickText('我已阅读', size: 11.sp), ), InkWell( onTap: () { RouterManager.router.navigateTo( context, '${RouterManager.agreementPath}?type=${AGREEMENT_KEY.USER_AGREEMENT.name}', transition: getTransition(), ); }, child: quickText( '《用户协议》', size: 12.sp, color: Colors.deepOrangeAccent, ), ), ], ), ]), ) ], ), )), Positioned( top: MediaQuery.of(context).padding.top+20.r, left: 20.r, child: InkWell( onTap: () => Navigator.pop(context), child: Icon(Icons.arrow_back_ios_new_rounded, color: Colors.white, size: 24.sp), ), ), ], ), ), ), ); } }