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

621 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.     RouterUtil.goBackHomePage(context);

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

  74.   }

  75. 

  76.   /// 返回上一页

  77.   void _openPop() {

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

  79.       Navigator.pop(context);

  80.     }

  81.   }

  82. 

  83.   /// 登陆

  84.   void _submitOnClick() {

  85.     print('登陆');

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

  87.       setState(() {

  88.         _isLogging = true;

  89.       });

  90.       if (_useVcode) {

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

  92.       } else {

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

  94.       }

  95.     }else{

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

  97.     }

  98.   }

  99. 

  100.   /// 切换登陆方式

  101.   void _changeLoginTypeOnClick() {

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

  103. 

  104.     _passFN?.unfocus();

  105.     _vcodeFN?.unfocus();

  106.     _phoneFN?.unfocus();

  107. 

  108.     setState(() {

  109.       _useVcode = !_useVcode;

  110.       _canSubmit = false;

  111.     });

  112.     // 清除缓存

  113.     if (_useVcode) {

  114.       _passEdController?.clear();

  115.     } else {

  116.       _vcodeEdController?.clear();

  117.     }

  118.   }

  119. 

  120.   /// 同意协议

  121.   void _agreeOnClick() {

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

  123.     setState(() {

  124.       _acceptAgreement = !_acceptAgreement;

  125.     });

  126.     _checkParam(false);

  127.   }

  128. 

  129.   /// 打开协议

  130.   void _openAgreement(String url) {

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

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

  133.       RouterUtil.openWebview(url, context);

  134.     }

  135.   }

  136. 

  137.   /// 输入框监听

  138.   void _onChange(string) {

  139.     print('$string');

  140.     _checkParam(false);

  141.   }

  142. 

  143.   /// 校验登陆参数

  144.   bool _checkParam(bool needToast) {

  145.     // 验证码

  146.     if (_useVcode) {

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

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

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

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

  151.         return false;

  152.       }

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

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

  155.         return false;

  156.       }

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

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

  159.         return false;

  160.       }

  161.       if (vcode.length < 4) {

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

  163.         return false;

  164.       }

  165.     } else {

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

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

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

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

  170.         return false;

  171.       }

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

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

  174.         return false;

  175.       }

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

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

  178.         return false;

  179.       }

  180.       if (pass.length < 4) {

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

  182.         return false;

  183.       }

  184.     }

  185. 

  186.     if (!_acceptAgreement) {

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

  188.       return false;

  189.     }

  190. 

  191.     setState(() {

  192.       _canSubmit = true;

  193.     });

  194.     return true;

  195.   }

  196. 

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

  198.   bool _checkPhoneNumParam(bool needToast) {

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

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

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

  202.       return false;

  203.     }

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

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

  206.       return false;

  207.     }

  208.     return true;

  209.   }

  210. 

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

  212.   bool _useVcode = true;

  213. 

  214.   /// 是否可以登陆

  215.   bool _canSubmit = false;

  216. 

  217.   /// 是否同意协议

  218.   bool _acceptAgreement = true;

  219. 

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

  221.   bool _showOtherVcode = false;

  222. 

  223.   @override

  224.   void initState() {

  225.     _phoneEdController = TextEditingController();

  226.     _passEdController = TextEditingController();

  227.     _vcodeEdController = TextEditingController();

  228.     _vcodeFN = FocusNode();

  229.     _passFN = FocusNode();

  230.     _phoneFN = FocusNode();

  231.     super.initState();

  232.   }

  233. 

  234.   @override

  235.   void dispose() {

  236.     _phoneEdController?.dispose();

  237.     _passEdController?.dispose();

  238.     _vcodeEdController?.dispose();

  239.     _phoneFN?.unfocus();

  240.     _passFN?.unfocus();

  241.     _vcodeFN?.unfocus();

  242.     _phoneFN?.dispose();

  243.     _passFN?.dispose();

  244.     _vcodeFN?.dispose();

  245.     super.dispose();

  246.   }

  247. 

  248.   @override

  249.   bool onVcodeClick() {

  250.     /// 获取验证码

  251.     if (_checkPhoneNumParam(true)) {

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

  253.       return true;

  254.     }

  255.     return false;

  256.   }

  257. 

  258.   @override

  259.   Widget build(BuildContext context) {

  260.     return BlocConsumer<LoginAccountBloc, LoginAccountState>(

  261.       listener: (context, state) {

  262.         if (state is LoginAccountLoginSuccessState) {}

  263.       },

  264.       buildWhen: (prev, current) {

  265.         // 登陆失败

  266.         if (current is LoginAccountLoginErrorState) {

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

  268.           setState(() {

  269.             _isLogging = false;

  270.           });

  271. 

  272.           return false;

  273.         }

  274.         // 登陆成功

  275.         if (current is LoginAccountLoginSuccessState) {

  276.           /// 缓存登陆数据

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

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

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

  280. 

  281.             /// 打开也买

  282.             _openLoginSuccessPage();

  283.           } else {

  284.             /// 打开邀请页面

  285.             _openInvitePage();

  286.           }

  287.           return false;

  288.         }

  289.         // 获取验证码成功

  290.         if (current is LoginAccountGetVcodeSuccessState) {

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

  292.           return false;

  293.         }

  294.         // 获取验证码失败

  295.         if (current is LoginAccountGetVcodeErrorState) {

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

  297.           return false;

  298.         }

  299.         return true;

  300.       },

  301.       builder: (context, state) {

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

  303.         if (state is LoginAccountLoadedState) {

  304.           return _getMainWidget(state.model);

  305.         }

  306.         // 返回骨架屏

  307.         return LoginAccountSkeleton();

  308.       },

  309.     );

  310.   }

  311. 

  312.   /// 主页面

  313.   Widget _getMainWidget(LoginModel model) {

  314.     print(model);

  315.     return Column(

  316.       children: <Widget>[

  317.         /// appBar

  318.         _getAppBarWidget(model),

  319. 

  320.         /// title

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

  322. 

  323.         /// 手机输入框

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

  325. 

  326.         /// 验证码

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

  328. 

  329.         /// 密码

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

  331. 

  332.         /// 第三方验证码

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

  334. 

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

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

  337. 

  338.         /// 登录按钮

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

  340. 

  341.         /// 协议

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

  343. 

  344.         /// 底部提示tip

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

  346.       ],

  347.     );

  348.   }

  349. 

  350.   /// appBar

  351.   Widget _getAppBarWidget(LoginModel model) {

  352.     return AppBar(

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

  354.       brightness: Brightness.light,

  355.       elevation: 0,

  356.       title: Text(

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

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

  359.       ),

  360.       centerTitle: true,

  361.       leading: IconButton(

  362.         icon: Icon(

  363.           Icons.arrow_back_ios,

  364.           size: 22,

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

  366.         ),

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

  368.       ),

  369.     );

  370.   }

  371. 

  372.   /// title

  373.   Widget _getTitleWidget(LoginModel model) {

  374.     return Align(

  375.         alignment: Alignment.centerLeft,

  376.         child: Text(

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

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

  379.         ));

  380.   }

  381. 

  382.   /// 手机输入框

  383.   Widget _getPhoneWidget(LoginModel model) {

  384.     return _getCustomInputWidget(

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

  386.         controller: _phoneEdController,

  387.         focusNode: _phoneFN,

  388.         onChanged: _onChange,

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

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

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

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

  393.   }

  394. 

  395.   /// 验证码输入框

  396.   Widget _getVcodeWidget(LoginModel model) {

  397.     return Container(

  398.       height: 42,

  399.       child: Stack(

  400.         children: <Widget>[

  401.           _getCustomInputWidget(

  402.               controller: _vcodeEdController,

  403.               focusNode: _vcodeFN,

  404.               onChanged: _onChange,

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

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

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

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

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

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

  411.         ],

  412.       ),

  413.     );

  414.   }

  415. 

  416.   /// 验证码按钮

  417.   Widget _getVcodeButtonWidget(LoginModel model) {

  418.     return VcodeWidget(

  419.         onCallBack: this,

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

  421.         btnAwaitText: '秒',

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

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

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

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

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

  427.   }

  428. 

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

  430.   Widget _getOtherVcodeInputWidget(var model) {

  431.     return Container(

  432.       width: 240,

  433.       height: 42,

  434.       alignment: Alignment.centerLeft,

  435.       child: SlideVerifyWidget(

  436.         width: 240,

  437.       ),

  438.       // child: Row(

  439.       //   children: <Widget>[

  440.       //     // 输入框

  441.       //     Expanded(

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

  443.       //     ),

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

  445.       //     Container(

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

  447.       //       width: 100,

  448.       //       height: double.infinity,

  449.       //       decoration: BoxDecoration(

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

  451.       //         color: Colors.red

  452.       //       ),

  453.       //     ),

  454.       //

  455.       //   ],

  456.       // ),

  457.     );

  458.   }

  459. 

  460.   /// 密码输入框

  461.   Widget _getPassInputWidget(LoginModel model) {

  462.     return Container(

  463.       height: 42,

  464.       child: _getCustomInputWidget(

  465.             obscureText: true,

  466.           keyboardType: TextInputType.text,

  467.           controller: _passEdController,

  468.           focusNode: _passFN,

  469.           onChanged: _onChange,

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

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

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

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

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

  475.     );

  476.   }

  477. 

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

  479.   Widget _getChangeTipWidget(LoginModel model) {

  480.     return GestureDetector(

  481.       behavior: HitTestBehavior.opaque,

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

  483.       child: Text(

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

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

  486.       ),

  487.     );

  488.   }

  489. 

  490.   /// 登陆按钮

  491.   Widget _getSubmiBtnWidget(LoginModel model) {

  492.     return Material(

  493.       child: Container(

  494.         height: 52,

  495.         width: double.infinity,

  496.         color: Colors.white,

  497.         child: RaisedButton(

  498.           child: Text(

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

  500.             style: TextStyle(fontSize: 15),

  501.           ),

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

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

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

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

  506.           elevation: 5,

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

  508.           onPressed: _canSubmit ? _submitOnClick : null,

  509.         ),

  510.       ),

  511.     );

  512.   }

  513. 

  514.   /// 协议

  515.   Widget _getProtoclWidget(LoginModel model) {

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

  517.     return Row(

  518.       mainAxisAlignment: MainAxisAlignment.center,

  519.       children: <Widget>[

  520.         /// 图标

  521.         GestureDetector(

  522.             behavior: HitTestBehavior.opaque,

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

  524.             child: Padding(

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

  526.                 child: CachedNetworkImage(

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

  528.                   width: 12,

  529.                 ))),

  530. 

  531.         /// 协议文字

  532.         RichText(

  533.           text: TextSpan(

  534.               text: '',

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

  536.                 return TextSpan(

  537.                     text: item?.text,

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

  539.                     recognizer: TapGestureRecognizer()

  540.                       ..onTap = () {

  541.                         _openAgreement(item.url);

  542.                       });

  543.               }).toList()),

  544.         )

  545.       ],

  546.     );

  547.   }

  548. 

  549.   /// 底部提示tip

  550.   Widget _getBottomTipWidget(LoginModel model) {

  551.     return Padding(

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

  553.       child: Text(

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

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

  556.       ),

  557.     );

  558.   }

  559. 

  560.   /// 自定义输入框

  561.   Widget _getCustomInputWidget({

  562.     String hint,

  563.     String hintColor,

  564.     String bgColor,

  565.     String textColor,

  566.     String iconUrl,

  567.     TextEditingController controller,

  568.     ValueChanged<String> onChanged,

  569.     FocusNode focusNode,

  570.     TextInputType keyboardType,

  571.     bool obscureText = false,

  572.   }) {

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

  574. 

  575.     return Container(

  576.       height: 42,

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

  578.       decoration: BoxDecoration(

  579.         color: HexColor.fromHex(bgColor),

  580.         borderRadius: BorderRadius.circular(8),

  581.       ),

  582.       child: Row(

  583.         mainAxisAlignment: MainAxisAlignment.start,

  584.         crossAxisAlignment: CrossAxisAlignment.center,

  585.         children: <Widget>[

  586.           CachedNetworkImage(

  587.             imageUrl: iconUrl ?? '',

  588.             width: 10,

  589.           ),

  590.           Expanded(

  591.             child: TextField(

  592.               obscureText: obscureText ?? false,

  593.               controller: controller,

  594.               focusNode: focusNode,

  595.               onChanged: onChanged,

  596.               expands: false,

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

  598.               maxLines: 1,

  599.               keyboardType: keyboardType ??  TextInputType.number,

  600.               decoration: InputDecoration(

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

  602.                 hintText: hint,

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

  604.                 hintMaxLines: 1,

  605.                 filled: true,

  606.                 fillColor: Colors.transparent,

  607.                 border: border,

  608.                 focusedBorder: border,

  609.                 enabledBorder: border,

  610.                 disabledBorder: border,

  611.                 errorBorder: border,

  612.                 focusedErrorBorder: border,

  613.               ),

  614.             ),

  615.           ),

  616.         ],

  617.       ),

  618.     );

  619.   }

  620. }