flutter
/
zhiying_comm
5
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 95 Wiki Activity
基础库
92 Commits
1 Branch
6.6 MiB
 
 
 
 
 
Tree: e71057a42c
zhiying_comm/lib/pages/login_page/account/login_account_page.dart

620 lines
20 KiB
Raw Blame History 

  1. import 'package:flutter/cupertino.dart';

  2. import 'package:flutter/gestures.dart';

  3. import 'package:flutter/material.dart';

  4. import 'package:cached_network_image/cached_network_image.dart';

  5. import 'package:flutter_bloc/flutter_bloc.dart';

  6. import 'package:provider/provider.dart';

  7. import 'package:zhiying_comm/pages/login_page/invite/login_invite_page.dart';

  8. import 'package:zhiying_comm/pages/login_page/model/login_model.dart';

  9. import 'package:zhiying_comm/zhiying_comm.dart';

  10. import 'bloc/bloc.dart';

  11. import 'bloc/login_account_repository.dart';

  12. import 'login_account_sk.dart';

  13. import 'widget/slide_verify_widget.dart';

  14. import 'package:zhiying_comm/util/empty_util.dart';

  15. import 'package:fluttertoast/fluttertoast.dart';

  16. import 'widget/vcode_widget.dart';

  17. 

  18. ///

  19. /// 账号登陆(手机验证码，密码)

  20. ///

  21. class LoginAccountPage extends StatelessWidget {

  22.   final Map<String, dynamic> model;

  23. 

  24.   const LoginAccountPage(this.model, {Key key}) : super(key: key);

  25. 

  26.   @override

  27.   Widget build(BuildContext context) {

  28.     return Scaffold(

  29.       resizeToAvoidBottomInset: false,

  30.       backgroundColor: HexColor.fromHex('#FFFFFF'),

  31.       body: BlocProvider<LoginAccountBloc>(

  32.         create: (_) => LoginAccountBloc(repository: LoginAccountRepository())..add(LoginAccountInitEvent()),

  33.         child: LoginAccountPageContianer(),

  34.       ),

  35.     );

  36.   }

  37. }

  38. 

  39. /// 啦啦啦

  40. class LoginAccountPageContianer extends StatefulWidget {

  41.   @override

  42.   _LoginAccountPageContianerState createState() => _LoginAccountPageContianerState();

  43. }

  44. 

  45. ///

  46. /// 主体逻辑

  47. ///

  48. class _LoginAccountPageContianerState extends State<LoginAccountPageContianer> implements OnClickListener {

  49.   TextEditingController _phoneEdController;

  50.   TextEditingController _vcodeEdController;

  51.   TextEditingController _passEdController;

  52.   FocusNode _phoneFN;

  53.   FocusNode _passFN;

  54.   FocusNode _vcodeFN;

  55.   // 是否登录中

  56.   bool _isLogging = false;

  57. 

  58.   /// 跳转到邀请码页面

  59.   void _openInvitePage() {

  60.     print('跳转到邀请码页面');

  61.     RouterUtil.hideKeyboard(context);

  62.     Navigator.push(

  63.         context,

  64.         CupertinoPageRoute(

  65.             // builder: (_) => PageFactory.create('login_invite', null)

  66.             builder: (_) => LoginInvitePage()));

  67.   }

  68. 

  69.   /// 登陆成功页面

  70.   void _openLoginSuccessPage() {

  71.     RouterUtil.hideKeyboard(context);

  72.     Navigator.pushAndRemoveUntil(context, MaterialPageRoute(builder: (BuildContext context) => PageFactory.create('homePage', null)), (Route<dynamic> route) => false,);

  73.   }

  74. 

  75.   /// 返回上一页

  76.   void _openPop() {

  77.     if (Navigator.canPop(context)) {

  78.       Navigator.pop(context);

  79.     }

  80.   }

  81. 

  82.   /// 登陆

  83.   void _submitOnClick() {

  84.     print('登陆');

  85.     if (_checkParam(true) && !_isLogging) {

  86.       setState(() {

  87.         _isLogging = true;

  88.       });

  89.       if (_useVcode) {

  90.         BlocProvider.of<LoginAccountBloc>(context).add(LoginAccountTypeVcodeEvent(mobile: _phoneEdController?.text?.toString()?.trim() ?? '', captcha: _vcodeEdController?.text?.toString()?.trim() ?? ''));

  91.       } else {

  92.         BlocProvider.of<LoginAccountBloc>(context).add(LoginAccountTypePasswordEvent(username: _phoneEdController?.text?.toString()?.trim() ?? '', password: _passEdController?.text?.toString()?.trim() ?? ''));

  93.       }

  94.     }else{

  95.       Logger.log('参数有误 或者 正在登录中。。。');

  96.     }

  97.   }

  98. 

  99.   /// 切换登陆方式

  100.   void _changeLoginTypeOnClick() {

  101.     print('切换登陆');

  102. 

  103.     _passFN?.unfocus();

  104.     _vcodeFN?.unfocus();

  105.     _phoneFN?.unfocus();

  106. 

  107.     setState(() {

  108.       _useVcode = !_useVcode;

  109.       _canSubmit = false;

  110.     });

  111.     // 清除缓存

  112.     if (_useVcode) {

  113.       _passEdController?.clear();

  114.     } else {

  115.       _vcodeEdController?.clear();

  116.     }

  117.   }

  118. 

  119.   /// 同意协议

  120.   void _agreeOnClick() {

  121.     print('同意协议');

  122.     setState(() {

  123.       _acceptAgreement = !_acceptAgreement;

  124.     });

  125.     _checkParam(false);

  126.   }

  127. 

  128.   /// 打开协议

  129.   void _openAgreement(String url) {

  130.     if (!EmptyUtil.isEmpty(url)) {

  131.       print('打开协议$url');

  132.       RouterUtil.openWebview(url, context);

  133.     }

  134.   }

  135. 

  136.   /// 输入框监听

  137.   void _onChange(string) {

  138.     print('$string');

  139.     _checkParam(false);

  140.   }

  141. 

  142.   /// 校验登陆参数

  143.   bool _checkParam(bool needToast) {

  144.     // 验证码

  145.     if (_useVcode) {

  146.       String phone = _phoneEdController?.text?.toString()?.trim() ?? null;

  147.       String vcode = _vcodeEdController?.text?.toString()?.trim() ?? null;

  148.       if (EmptyUtil.isEmpty(phone)) {

  149.         if (needToast) Fluttertoast.showToast(msg: '手机号不能为空！');

  150.         return false;

  151.       }

  152.       if (phone.length != 11) {

  153.         if (needToast) Fluttertoast.showToast(msg: '手机号格式有误！');

  154.         return false;

  155.       }

  156.       if (EmptyUtil.isEmpty(vcode)) {

  157.         if (needToast) Fluttertoast.showToast(msg: '验证码不能为空！');

  158.         return false;

  159.       }

  160.       if (vcode.length < 4) {

  161.         if (needToast) Fluttertoast.showToast(msg: '验证码号格式有误！');

  162.         return false;

  163.       }

  164.     } else {

  165.       String phone = _phoneEdController?.text?.toString()?.trim() ?? null;

  166.       String pass = _passEdController?.text?.toString()?.trim() ?? null;

  167.       if (EmptyUtil.isEmpty(phone)) {

  168.         if (needToast) Fluttertoast.showToast(msg: '手机号不能为空！');

  169.         return false;

  170.       }

  171.       if (phone.length != 11) {

  172.         if (needToast) Fluttertoast.showToast(msg: '手机号格式有误！');

  173.         return false;

  174.       }

  175.       if (EmptyUtil.isEmpty(pass)) {

  176.         if (needToast) Fluttertoast.showToast(msg: '验证码不能为空！');

  177.         return false;

  178.       }

  179.       if (pass.length < 4) {

  180.         if (needToast) Fluttertoast.showToast(msg: '验证码号格式有误！');

  181.         return false;

  182.       }

  183.     }

  184. 

  185.     if (!_acceptAgreement) {

  186.       if (needToast) Fluttertoast.showToast(msg: '请同意用户协议与隐私政策');

  187.       return false;

  188.     }

  189. 

  190.     setState(() {

  191.       _canSubmit = true;

  192.     });

  193.     return true;

  194.   }

  195. 

  196.   /// 检测手机号是否合法

  197.   bool _checkPhoneNumParam(bool needToast) {

  198.     String phone = _phoneEdController?.text?.toString()?.trim() ?? null;

  199.     if (EmptyUtil.isEmpty(phone)) {

  200.       if (needToast) Fluttertoast.showToast(msg: '手机号不能为空！');

  201.       return false;

  202.     }

  203.     if (phone.length != 11) {

  204.       if (needToast) Fluttertoast.showToast(msg: '手机号格式有误！');

  205.       return false;

  206.     }

  207.     return true;

  208.   }

  209. 

  210.   /// 是否使用验证码登陆 默认使用

  211.   bool _useVcode = true;

  212. 

  213.   /// 是否可以登陆

  214.   bool _canSubmit = false;

  215. 

  216.   /// 是否同意协议

  217.   bool _acceptAgreement = true;

  218. 

  219.   /// 是否显示第三方验证码

  220.   bool _showOtherVcode = false;

  221. 

  222.   @override

  223.   void initState() {

  224.     _phoneEdController = TextEditingController();

  225.     _passEdController = TextEditingController();

  226.     _vcodeEdController = TextEditingController();

  227.     _vcodeFN = FocusNode();

  228.     _passFN = FocusNode();

  229.     _phoneFN = FocusNode();

  230.     super.initState();

  231.   }

  232. 

  233.   @override

  234.   void dispose() {

  235.     _phoneEdController?.dispose();

  236.     _passEdController?.dispose();

  237.     _vcodeEdController?.dispose();

  238.     _phoneFN?.unfocus();

  239.     _passFN?.unfocus();

  240.     _vcodeFN?.unfocus();

  241.     _phoneFN?.dispose();

  242.     _passFN?.dispose();

  243.     _vcodeFN?.dispose();

  244.     super.dispose();

  245.   }

  246. 

  247.   @override

  248.   bool onVcodeClick() {

  249.     /// 获取验证码

  250.     if (_checkPhoneNumParam(true)) {

  251.       BlocProvider.of<LoginAccountBloc>(context).add(LoginAccountGetVcodeEvent(mobile: _phoneEdController?.text?.toString()?.trim() ?? ''));

  252.       return true;

  253.     }

  254.     return false;

  255.   }

  256. 

  257.   @override

  258.   Widget build(BuildContext context) {

  259.     return BlocConsumer<LoginAccountBloc, LoginAccountState>(

  260.       listener: (context, state) {

  261.         if (state is LoginAccountLoginSuccessState) {}

  262.       },

  263.       buildWhen: (prev, current) {

  264.         // 登陆失败

  265.         if (current is LoginAccountLoginErrorState) {

  266.           // Fluttertoast.showToast(msg: '登陆失败');

  267.           setState(() {

  268.             _isLogging = false;

  269.           });

  270. 

  271.           return false;

  272.         }

  273.         // 登陆成功

  274.         if (current is LoginAccountLoginSuccessState) {

  275.           /// 缓存登陆数据

  276.           Provider.of<UserInfoNotifier>(context, listen: false)?.setUserInfo(current.model);

  277.           if (current?.model?.registerInviteCodeEnable != '1') {

  278.             Fluttertoast.showToast(msg: '登录成功~');

  279. 

  280.             /// 打开也买

  281.             _openLoginSuccessPage();

  282.           } else {

  283.             /// 打开邀请页面

  284.             _openInvitePage();

  285.           }

  286.           return false;

  287.         }

  288.         // 获取验证码成功

  289.         if (current is LoginAccountGetVcodeSuccessState) {

  290.           Fluttertoast.showToast(msg: '验证码下发成功');

  291.           return false;

  292.         }

  293.         // 获取验证码失败

  294.         if (current is LoginAccountGetVcodeErrorState) {

  295.           Fluttertoast.showToast(msg: '验证码获取失败～');

  296.           return false;

  297.         }

  298.         return true;

  299.       },

  300.       builder: (context, state) {

  301.         print('state = $state');

  302.         if (state is LoginAccountLoadedState) {

  303.           return _getMainWidget(state.model);

  304.         }

  305.         // 返回骨架屏

  306.         return LoginAccountSkeleton();

  307.       },

  308.     );

  309.   }

  310. 

  311.   /// 主页面

  312.   Widget _getMainWidget(LoginModel model) {

  313.     print(model);

  314.     return Column(

  315.       children: <Widget>[

  316.         /// appBar

  317.         _getAppBarWidget(model),

  318. 

  319.         /// title

  320.         Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 40), child: _getTitleWidget(model)),

  321. 

  322.         /// 手机输入框

  323.         Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 30), child: _getPhoneWidget(model)),

  324. 

  325.         /// 验证码

  326.         Visibility(visible: _useVcode, child: Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 15), child: _getVcodeWidget(model))),

  327. 

  328.         /// 密码

  329.         Visibility(visible: !_useVcode, child: Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 15), child: _getPassInputWidget(model))),

  330. 

  331.         /// 第三方验证码

  332.         Visibility(visible: _showOtherVcode, child: Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 15), child: _getOtherVcodeInputWidget(model))),

  333. 

  334.         /// 切换登陆方式tip

  335.         Padding(padding: const EdgeInsets.only(top: 15), child: _getChangeTipWidget(model)),

  336. 

  337.         /// 登录按钮

  338.         Padding(padding: const EdgeInsets.only(left: 27.5, right: 27.5, top: 30), child: _getSubmiBtnWidget(model)),

  339. 

  340.         /// 协议

  341.         Padding(padding: const EdgeInsets.only(top: 15), child: _getProtoclWidget(model)),

  342. 

  343.         /// 底部提示tip

  344.         Visibility(visible: _useVcode, child: Expanded(child: Align(alignment: Alignment.bottomCenter, child: _getBottomTipWidget(model))))

  345.       ],

  346.     );

  347.   }

  348. 

  349.   /// appBar

  350.   Widget _getAppBarWidget(LoginModel model) {

  351.     return AppBar(

  352.       backgroundColor: HexColor.fromHex('#FFFFFF'),

  353.       brightness: Brightness.light,

  354.       elevation: 0,

  355.       title: Text(

  356.         model?.mobile?.appBarTitle ?? '登录',

  357.         style: TextStyle(color: HexColor.fromHex(model?.mobile?.appBarTitleColor ?? '#333333')),

  358.       ),

  359.       centerTitle: true,

  360.       leading: IconButton(

  361.         icon: Icon(

  362.           Icons.arrow_back_ios,

  363.           size: 22,

  364.           color: HexColor.fromHex('#333333'),

  365.         ),

  366.         onPressed: () => _openPop(),

  367.       ),

  368.     );

  369.   }

  370. 

  371.   /// title

  372.   Widget _getTitleWidget(LoginModel model) {

  373.     return Align(

  374.         alignment: Alignment.centerLeft,

  375.         child: Text(

  376.           model?.mobile?.title ?? '您好，欢迎登录',

  377.           style: TextStyle(color: HexColor.fromHex(model?.mobile?.titleColor ?? '#333333'), fontSize: 25),

  378.         ));

  379.   }

  380. 

  381.   /// 手机输入框

  382.   Widget _getPhoneWidget(LoginModel model) {

  383.     return _getCustomInputWidget(

  384.         hint: model?.mobile?.inputMobileHintText ?? '请输入您的手机号',

  385.         controller: _phoneEdController,

  386.         focusNode: _phoneFN,

  387.         onChanged: _onChange,

  388.         hintColor: model?.mobile?.inputHintColor ?? '#999999',

  389.         bgColor: model?.mobile?.inputBgColor ?? '#F7F7F7',

  390.         textColor: model?.mobile?.inputTextColor ?? '#333333',

  391.         iconUrl: model?.mobile?.inputMobileIcon ?? '');

  392.   }

  393. 

  394.   /// 验证码输入框

  395.   Widget _getVcodeWidget(LoginModel model) {

  396.     return Container(

  397.       height: 42,

  398.       child: Stack(

  399.         children: <Widget>[

  400.           _getCustomInputWidget(

  401.               controller: _vcodeEdController,

  402.               focusNode: _vcodeFN,

  403.               onChanged: _onChange,

  404.               hintColor: model?.mobile?.inputHintColor ?? '#999999',

  405.               hint: model?.mobile?.inputVcodeHintText ?? '请输入您的验证码',

  406.               bgColor: model?.mobile?.inputBgColor ?? '#F7F7F7',

  407.               textColor: model?.mobile?.inputTextColor ?? '#333333',

  408.               iconUrl: model?.mobile?.inputVcodeIcon ?? ''),

  409.           Align(alignment: Alignment.centerRight, child: _getVcodeButtonWidget(model)),

  410.         ],

  411.       ),

  412.     );

  413.   }

  414. 

  415.   /// 验证码按钮

  416.   Widget _getVcodeButtonWidget(LoginModel model) {

  417.     return VcodeWidget(

  418.         onCallBack: this,

  419.         awaitTime: int.parse(model?.mobile?.vcodeTime ?? '60'),

  420.         btnAwaitText: '秒',

  421.         btnText: '获取验证码',

  422.         btnTextColor: model?.mobile?.btnVcodeTextColor ?? '#FFFFFF',

  423.         color: model?.mobile?.btnVcodeBgColor ?? '#FF4343',

  424.         disabledColor: model?.mobile?.btnVcodeBanBgColor ?? '#DDDDDD',

  425.         disabledTextColor: model?.mobile?.btnVcodeBanTextColor ?? '#FFFFFF');

  426.   }

  427. 

  428.   /// 第三方验证码输入框

  429.   Widget _getOtherVcodeInputWidget(var model) {

  430.     return Container(

  431.       width: 240,

  432.       height: 42,

  433.       alignment: Alignment.centerLeft,

  434.       child: SlideVerifyWidget(

  435.         width: 240,

  436.       ),

  437.       // child: Row(

  438.       //   children: <Widget>[

  439.       //     // 输入框

  440.       //     Expanded(

  441.       //       child: _getCustomInputWidget(hint: '请输入右方验证码', hintColor: '#999999', textColor: '#333333', bgColor: '#F7F7F7', iconUrl: null, )

  442.       //     ),

  443.       //     // 第三方验证码

  444.       //     Container(

  445.       //       margin: const EdgeInsets.only(left: 5),

  446.       //       width: 100,

  447.       //       height: double.infinity,

  448.       //       decoration: BoxDecoration(

  449.       //         borderRadius: BorderRadius.circular(8),

  450.       //         color: Colors.red

  451.       //       ),

  452.       //     ),

  453.       //

  454.       //   ],

  455.       // ),

  456.     );

  457.   }

  458. 

  459.   /// 密码输入框

  460.   Widget _getPassInputWidget(LoginModel model) {

  461.     return Container(

  462.       height: 42,

  463.       child: _getCustomInputWidget(

  464.             obscureText: true,

  465.           keyboardType: TextInputType.text,

  466.           controller: _passEdController,

  467.           focusNode: _passFN,

  468.           onChanged: _onChange,

  469.           hint: model?.mobile?.inputPassHintText ?? '请输入您的密码',

  470.           iconUrl: model?.mobile?.inputPassIcon ?? '',

  471.           hintColor: model?.mobile?.inputHintColor ?? '#999999',

  472.           textColor: model?.mobile?.inputTextColor ?? '#333333',

  473.           bgColor: model?.mobile?.inputBgColor ?? '#F7F7F7'),

  474.     );

  475.   }

  476. 

  477.   /// 切换登陆方式tip

  478.   Widget _getChangeTipWidget(LoginModel model) {

  479.     return GestureDetector(

  480.       behavior: HitTestBehavior.opaque,

  481.       onTap: () => _changeLoginTypeOnClick(),

  482.       child: Text(

  483.         _useVcode ? model?.mobile?.textUsePassTip ?? '使用密码登录' : model?.mobile?.textUseVcodeTip ?? '使用验证码登陆',

  484.         style: TextStyle(fontSize: 12, color: HexColor.fromHex(_useVcode ? model?.mobile?.textUsePassTipColor ?? '#999999' : model?.mobile?.textUseVcodeTipColor ?? '#999999')),

  485.       ),

  486.     );

  487.   }

  488. 

  489.   /// 登陆按钮

  490.   Widget _getSubmiBtnWidget(LoginModel model) {

  491.     return Material(

  492.       child: Container(

  493.         height: 52,

  494.         width: double.infinity,

  495.         color: Colors.white,

  496.         child: RaisedButton(

  497.           child: Text(

  498.             _isLogging ? '登录中...' : model?.mobile?.btnLoginText ?? '立即登录',

  499.             style: TextStyle(fontSize: 15),

  500.           ),

  501.           textColor: HexColor.fromHex(model?.mobile?.btnLoginTextColor ?? '#FFFFFF'),

  502.           color: HexColor.fromHex(model?.mobile?.btnLoginBgColor ?? '#FF3939'),

  503.           disabledColor: HexColor.fromHex(model?.mobile?.btnLoginBanBgColor ?? '#F5F5F5'),

  504.           disabledTextColor: HexColor.fromHex(model?.mobile?.btnLoginBanTextColor ?? '#999999'),

  505.           elevation: 5,

  506.           shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(52 / 2)),

  507.           onPressed: _canSubmit ? _submitOnClick : null,

  508.         ),

  509.       ),

  510.     );

  511.   }

  512. 

  513.   /// 协议

  514.   Widget _getProtoclWidget(LoginModel model) {

  515.     // return Text('同意《嗨如意用户协议》 及《营私政策》', style: TextStyle(fontSize: 11, color: HexColor.fromHex('#C0C0C0')));

  516.     return Row(

  517.       mainAxisAlignment: MainAxisAlignment.center,

  518.       children: <Widget>[

  519.         /// 图标

  520.         GestureDetector(

  521.             behavior: HitTestBehavior.opaque,

  522.             onTap: () => _agreeOnClick(),

  523.             child: Padding(

  524.                 padding: const EdgeInsets.all(8.0),

  525.                 child: CachedNetworkImage(

  526.                   imageUrl: _acceptAgreement ? model?.mobile?.protocolSelectIcon ?? '' : model?.mobile?.protocolUnselectIcon ?? '',

  527.                   width: 12,

  528.                 ))),

  529. 

  530.         /// 协议文字

  531.         RichText(

  532.           text: TextSpan(

  533.               text: '',

  534.               children: model.mobile.protocol.map((item) {

  535.                 return TextSpan(

  536.                     text: item?.text,

  537.                     style: TextStyle(color: HexColor.fromHex(item?.textColor), fontSize: 10),

  538.                     recognizer: TapGestureRecognizer()

  539.                       ..onTap = () {

  540.                         _openAgreement(item.url);

  541.                       });

  542.               }).toList()),

  543.         )

  544.       ],

  545.     );

  546.   }

  547. 

  548.   /// 底部提示tip

  549.   Widget _getBottomTipWidget(LoginModel model) {

  550.     return Padding(

  551.       padding: const EdgeInsets.only(bottom: 25),

  552.       child: Text(

  553.         model?.mobile?.textBottomTip ?? '未注册过的手机将自动注册',

  554.         style: TextStyle(fontSize: 11, color: HexColor.fromHex(model?.mobile?.textBottomTipColor ?? '#999999')),

  555.       ),

  556.     );

  557.   }

  558. 

  559.   /// 自定义输入框

  560.   Widget _getCustomInputWidget({

  561.     String hint,

  562.     String hintColor,

  563.     String bgColor,

  564.     String textColor,

  565.     String iconUrl,

  566.     TextEditingController controller,

  567.     ValueChanged<String> onChanged,

  568.     FocusNode focusNode,

  569.     TextInputType keyboardType,

  570.     bool obscureText = false,

  571.   }) {

  572.     var border = OutlineInputBorder(borderRadius: BorderRadius.circular(8), borderSide: BorderSide(color: HexColor.fromHex(bgColor), width: 0));

  573. 

  574.     return Container(

  575.       height: 42,

  576.       padding: const EdgeInsets.symmetric(horizontal: 15),

  577.       decoration: BoxDecoration(

  578.         color: HexColor.fromHex(bgColor),

  579.         borderRadius: BorderRadius.circular(8),

  580.       ),

  581.       child: Row(

  582.         mainAxisAlignment: MainAxisAlignment.start,

  583.         crossAxisAlignment: CrossAxisAlignment.center,

  584.         children: <Widget>[

  585.           CachedNetworkImage(

  586.             imageUrl: iconUrl ?? '',

  587.             width: 10,

  588.           ),

  589.           Expanded(

  590.             child: TextField(

  591.               obscureText: obscureText ?? false,

  592.               controller: controller,

  593.               focusNode: focusNode,

  594.               onChanged: onChanged,

  595.               expands: false,

  596.               style: TextStyle(color: HexColor.fromHex(textColor)),

  597.               maxLines: 1,

  598.               keyboardType: keyboardType ??  TextInputType.number,

  599.               decoration: InputDecoration(

  600.                 contentPadding: EdgeInsets.only(top: 30, left: 7.5),

  601.                 hintText: hint,

  602.                 hintStyle: TextStyle(fontSize: 13, color: HexColor.fromHex(hintColor)),

  603.                 hintMaxLines: 1,

  604.                 filled: true,

  605.                 fillColor: Colors.transparent,

  606.                 border: border,

  607.                 focusedBorder: border,

  608.                 enabledBorder: border,

  609.                 disabledBorder: border,

  610.                 errorBorder: border,

  611.                 focusedErrorBorder: border,

  612.               ),

  613.             ),

  614.           ),

  615.         ],

  616.       ),

  617.     );

  618.   }

  619. }