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

625 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_style_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.   // 是否登录中

  57.   bool _isLogging = false;

  58. 

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

  60.   void _openInvitePage() {

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

  62.     RouterUtil.hideKeyboard(context);

  63.     Navigator.push(

  64.         context,

  65.         CupertinoPageRoute(

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

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

  68.   }

  69. 

  70.   /// 登陆成功页面

  71.   void _openLoginSuccessPage() {

  72.     RouterUtil.hideKeyboard(context);

  73.     RouterUtil.goBackHomePage(context);

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

  75.   }

  76. 

  77.   /// 返回上一页

  78.   void _openPop() {

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

  80.       Navigator.pop(context);

  81.     }

  82.   }

  83. 

  84.   /// 登陆

  85.   void _submitOnClick() {

  86.     print('登陆');

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

  88.       setState(() {

  89.         _isLogging = true;

  90.       });

  91.       if (_useVcode) {

  92.         BlocProvider.of<LoginAccountBloc>(context)

  93.             .add(LoginAccountTypeVcodeEvent(mobile: _phoneEdController?.text?.toString()?.trim() ?? '', captcha: _vcodeEdController?.text?.toString()?.trim() ?? ''));

  94.       } else {

  95.         BlocProvider.of<LoginAccountBloc>(context)

  96.             .add(LoginAccountTypePasswordEvent(username: _phoneEdController?.text?.toString()?.trim() ?? '', password: _passEdController?.text?.toString()?.trim() ?? ''));

  97.       }

  98.     } else {

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

  100.     }

  101.   }

  102. 

  103.   /// 切换登陆方式

  104.   void _changeLoginTypeOnClick() {

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

  106. 

  107.     _passFN?.unfocus();

  108.     _vcodeFN?.unfocus();

  109.     _phoneFN?.unfocus();

  110. 

  111.     setState(() {

  112.       _useVcode = !_useVcode;

  113.       _canSubmit = false;

  114.     });

  115.     // 清除缓存

  116.     if (_useVcode) {

  117.       _passEdController?.clear();

  118.     } else {

  119.       _vcodeEdController?.clear();

  120.     }

  121.   }

  122. 

  123.   /// 同意协议

  124.   void _agreeOnClick() {

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

  126.     setState(() {

  127.       _acceptAgreement = !_acceptAgreement;

  128.     });

  129.     _checkParam(false);

  130.   }

  131. 

  132.   /// 打开协议

  133.   void _openAgreement(String url) {

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

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

  136.       RouterUtil.openWebview(url, context);

  137.     }

  138.   }

  139. 

  140.   /// 输入框监听

  141.   void _onChange(string) {

  142.     print('$string');

  143.     _checkParam(false);

  144.   }

  145. 

  146.   /// 校验登陆参数

  147.   bool _checkParam(bool needToast) {

  148.     // 验证码

  149.     if (_useVcode) {

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

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

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

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

  154.         return false;

  155.       }

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

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

  158.         return false;

  159.       }

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

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

  162.         return false;

  163.       }

  164.       if (vcode.length < 4) {

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

  166.         return false;

  167.       }

  168.     } else {

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

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

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

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

  173.         return false;

  174.       }

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

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

  177.         return false;

  178.       }

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

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

  181.         return false;

  182.       }

  183.       if (pass.length < 4) {

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

  185.         return false;

  186.       }

  187.     }

  188. 

  189.     if (!_acceptAgreement) {

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

  191.       return false;

  192.     }

  193. 

  194.     setState(() {

  195.       _canSubmit = true;

  196.     });

  197.     return true;

  198.   }

  199. 

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

  201.   bool _checkPhoneNumParam(bool needToast) {

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

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

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

  205.       return false;

  206.     }

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

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

  209.       return false;

  210.     }

  211.     return true;

  212.   }

  213. 

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

  215.   bool _useVcode = true;

  216. 

  217.   /// 是否可以登陆

  218.   bool _canSubmit = false;

  219. 

  220.   /// 是否同意协议

  221.   bool _acceptAgreement = true;

  222. 

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

  224.   bool _showOtherVcode = false;

  225. 

  226.   @override

  227.   void initState() {

  228.     _phoneEdController = TextEditingController();

  229.     _passEdController = TextEditingController();

  230.     _vcodeEdController = TextEditingController();

  231.     _vcodeFN = FocusNode();

  232.     _passFN = FocusNode();

  233.     _phoneFN = FocusNode();

  234.     super.initState();

  235.   }

  236. 

  237.   @override

  238.   void dispose() {

  239.     _phoneEdController?.dispose();

  240.     _passEdController?.dispose();

  241.     _vcodeEdController?.dispose();

  242.     _phoneFN?.unfocus();

  243.     _passFN?.unfocus();

  244.     _vcodeFN?.unfocus();

  245.     _phoneFN?.dispose();

  246.     _passFN?.dispose();

  247.     _vcodeFN?.dispose();

  248.     super.dispose();

  249.   }

  250. 

  251.   @override

  252.   bool onVcodeClick() {

  253.     /// 获取验证码

  254.     if (_checkPhoneNumParam(true)) {

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

  256.       return true;

  257.     }

  258.     return false;

  259.   }

  260. 

  261.   @override

  262.   Widget build(BuildContext context) {

  263.     return BlocConsumer<LoginAccountBloc, LoginAccountState>(

  264.       listener: (context, state) {

  265.         if (state is LoginAccountLoginSuccessState) {}

  266.       },

  267.       buildWhen: (prev, current) {

  268.         // 登陆失败

  269.         if (current is LoginAccountLoginErrorState) {

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

  271.           setState(() {

  272.             _isLogging = false;

  273.           });

  274. 

  275.           return false;

  276.         }

  277.         // 登陆成功

  278.         if (current is LoginAccountLoginSuccessState) {

  279.           /// 缓存登陆数据

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

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

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

  283.             _isLogging = true;

  284. 

  285.             /// 打开也买

  286.             _openLoginSuccessPage();

  287.           } else {

  288.             /// 打开邀请页面

  289.             _openInvitePage();

  290.           }

  291.           return false;

  292.         }

  293.         // 获取验证码成功

  294.         if (current is LoginAccountGetVcodeSuccessState) {

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

  296.           return false;

  297.         }

  298.         // 获取验证码失败

  299.         if (current is LoginAccountGetVcodeErrorState) {

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

  301.           return false;

  302.         }

  303.         return true;

  304.       },

  305.       builder: (context, state) {

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

  307.         if (state is LoginAccountLoadedState) {

  308.           return _getMainWidget(state.model);

  309.         }

  310.         // 返回骨架屏

  311.         return LoginAccountSkeleton();

  312.       },

  313.     );

  314.   }

  315. 

  316.   /// 主页面

  317.   Widget _getMainWidget(LoginStyleModel model) {

  318.     print(model);

  319.     return Column(

  320.       children: <Widget>[

  321.         /// appBar

  322.         _getAppBarWidget(model),

  323. 

  324.         /// title

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

  326. 

  327.         /// 手机输入框

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

  329. 

  330.         /// 验证码

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

  332. 

  333.         /// 密码

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

  335. 

  336.         /// 第三方验证码

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

  338. 

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

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

  341. 

  342.         /// 登录按钮

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

  344. 

  345.         /// 协议

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

  347. 

  348.         /// 底部提示tip

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

  350.       ],

  351.     );

  352.   }

  353. 

  354.   /// appBar

  355.   Widget _getAppBarWidget(LoginStyleModel model) {

  356.     return AppBar(

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

  358.       brightness: Brightness.light,

  359.       elevation: 0,

  360.       title: Text(

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

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

  363.       ),

  364.       centerTitle: true,

  365.       leading: IconButton(

  366.         icon: Icon(

  367.           Icons.arrow_back_ios,

  368.           size: 22,

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

  370.         ),

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

  372.       ),

  373.     );

  374.   }

  375. 

  376.   /// title

  377.   Widget _getTitleWidget(LoginStyleModel model) {

  378.     return Align(

  379.         alignment: Alignment.centerLeft,

  380.         child: Text(

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

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

  383.         ));

  384.   }

  385. 

  386.   /// 手机输入框

  387.   Widget _getPhoneWidget(LoginStyleModel model) {

  388.     return _getCustomInputWidget(

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

  390.         controller: _phoneEdController,

  391.         focusNode: _phoneFN,

  392.         onChanged: _onChange,

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

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

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

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

  397.   }

  398. 

  399.   /// 验证码输入框

  400.   Widget _getVcodeWidget(LoginStyleModel model) {

  401.     return Container(

  402.       height: 42,

  403.       child: Stack(

  404.         children: <Widget>[

  405.           _getCustomInputWidget(

  406.               controller: _vcodeEdController,

  407.               focusNode: _vcodeFN,

  408.               onChanged: _onChange,

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

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

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

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

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

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

  415.         ],

  416.       ),

  417.     );

  418.   }

  419. 

  420.   /// 验证码按钮

  421.   Widget _getVcodeButtonWidget(LoginStyleModel model) {

  422.     return VcodeWidget(

  423.         onCallBack: this,

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

  425.         btnAwaitText: '秒',

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

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

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

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

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

  431.   }

  432. 

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

  434.   Widget _getOtherVcodeInputWidget(var model) {

  435.     return Container(

  436.       width: 240,

  437.       height: 42,

  438.       alignment: Alignment.centerLeft,

  439.       child: SlideVerifyWidget(

  440.         width: 240,

  441.       ),

  442.       // child: Row(

  443.       //   children: <Widget>[

  444.       //     // 输入框

  445.       //     Expanded(

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

  447.       //     ),

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

  449.       //     Container(

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

  451.       //       width: 100,

  452.       //       height: double.infinity,

  453.       //       decoration: BoxDecoration(

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

  455.       //         color: Colors.red

  456.       //       ),

  457.       //     ),

  458.       //

  459.       //   ],

  460.       // ),

  461.     );

  462.   }

  463. 

  464.   /// 密码输入框

  465.   Widget _getPassInputWidget(LoginStyleModel model) {

  466.     return Container(

  467.       height: 42,

  468.       child: _getCustomInputWidget(

  469.           obscureText: true,

  470.           keyboardType: TextInputType.text,

  471.           controller: _passEdController,

  472.           focusNode: _passFN,

  473.           onChanged: _onChange,

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

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

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

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

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

  479.     );

  480.   }

  481. 

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

  483.   Widget _getChangeTipWidget(LoginStyleModel model) {

  484.     return GestureDetector(

  485.       behavior: HitTestBehavior.opaque,

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

  487.       child: Text(

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

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

  490.       ),

  491.     );

  492.   }

  493. 

  494.   /// 登陆按钮

  495.   Widget _getSubmiBtnWidget(LoginStyleModel model) {

  496.     return Material(

  497.       child: Container(

  498.         height: 52,

  499.         width: double.infinity,

  500.         color: Colors.white,

  501.         child: RaisedButton(

  502.           child: Text(

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

  504.             style: TextStyle(fontSize: 15),

  505.           ),

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

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

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

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

  510.           elevation: 5,

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

  512.           onPressed: _canSubmit ? _submitOnClick : null,

  513.         ),

  514.       ),

  515.     );

  516.   }

  517. 

  518.   /// 协议

  519.   Widget _getProtoclWidget(LoginStyleModel model) {

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

  521.     return Row(

  522.       mainAxisAlignment: MainAxisAlignment.center,

  523.       children: <Widget>[

  524.         /// 图标

  525.         GestureDetector(

  526.             behavior: HitTestBehavior.opaque,

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

  528.             child: Padding(

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

  530.                 child: CachedNetworkImage(

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

  532.                   width: 12,

  533.                 ))),

  534. 

  535.         /// 协议文字

  536.         RichText(

  537.           text: TextSpan(

  538.               text: '',

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

  540.                 return TextSpan(

  541.                     text: item?.text,

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

  543.                     recognizer: TapGestureRecognizer()

  544.                       ..onTap = () {

  545.                         _openAgreement(item.url);

  546.                       });

  547.               }).toList()),

  548.         )

  549.       ],

  550.     );

  551.   }

  552. 

  553.   /// 底部提示tip

  554.   Widget _getBottomTipWidget(LoginStyleModel model) {

  555.     return Padding(

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

  557.       child: Text(

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

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

  560.       ),

  561.     );

  562.   }

  563. 

  564.   /// 自定义输入框

  565.   Widget _getCustomInputWidget({

  566.     String hint,

  567.     String hintColor,

  568.     String bgColor,

  569.     String textColor,

  570.     String iconUrl,

  571.     TextEditingController controller,

  572.     ValueChanged<String> onChanged,

  573.     FocusNode focusNode,

  574.     TextInputType keyboardType,

  575.     bool obscureText = false,

  576.   }) {

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

  578. 

  579.     return Container(

  580.       height: 42,

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

  582.       decoration: BoxDecoration(

  583.         color: HexColor.fromHex(bgColor),

  584.         borderRadius: BorderRadius.circular(8),

  585.       ),

  586.       child: Row(

  587.         mainAxisAlignment: MainAxisAlignment.start,

  588.         crossAxisAlignment: CrossAxisAlignment.center,

  589.         children: <Widget>[

  590.           CachedNetworkImage(

  591.             imageUrl: iconUrl ?? '',

  592.             width: 10,

  593.           ),

  594.           Expanded(

  595.             child: TextField(

  596.               obscureText: obscureText ?? false,

  597.               controller: controller,

  598.               focusNode: focusNode,

  599.               onChanged: onChanged,

  600.               expands: false,

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

  602.               maxLines: 1,

  603.               keyboardType: keyboardType ?? TextInputType.number,

  604.               decoration: InputDecoration(

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

  606.                 hintText: hint,

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

  608.                 hintMaxLines: 1,

  609.                 filled: true,

  610.                 fillColor: Colors.transparent,

  611.                 border: border,

  612.                 focusedBorder: border,

  613.                 enabledBorder: border,

  614.                 disabledBorder: border,

  615.                 errorBorder: border,

  616.                 focusedErrorBorder: border,

  617.               ),

  618.             ),

  619.           ),

  620.         ],

  621.       ),

  622.     );

  623.   }

  624. }