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

632 lines
20 KiB
Raw Blame History 

  1. import 'dart:io';

  2. 

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

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

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

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

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

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

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

  10. import 'package:zhiying_comm/pages/login_page/model/login_style_model.dart';

  11. import 'package:zhiying_comm/util/shared_prefe_util.dart';

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

  13. import 'bloc/bloc.dart';

  14. import 'bloc/login_account_repository.dart';

  15. import 'login_account_sk.dart';

  16. import 'widget/slide_verify_widget.dart';

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

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

  19. import 'widget/vcode_widget.dart';

  20. 

  21. ///

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

  23. ///

  24. class LoginAccountPage extends StatelessWidget {

  25.   final Map<String, dynamic> model;

  26. 

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

  28. 

  29.   @override

  30.   Widget build(BuildContext context) {

  31.     return Scaffold(

  32.       resizeToAvoidBottomInset: false,

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

  34.       body: BlocProvider<LoginAccountBloc>(

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

  36.         child: LoginAccountPageContianer(),

  37.       ),

  38.     );

  39.   }

  40. }

  41. 

  42. /// 啦啦啦

  43. class LoginAccountPageContianer extends StatefulWidget {

  44.   @override

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

  46. }

  47. 

  48. ///

  49. /// 主体逻辑

  50. ///

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

  52.   TextEditingController _phoneEdController;

  53.   TextEditingController _vcodeEdController;

  54.   TextEditingController _passEdController;

  55.   FocusNode _phoneFN;

  56.   FocusNode _passFN;

  57.   FocusNode _vcodeFN;

  58. 

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

  60.   bool _useVcode = true;

  61. 

  62.   /// 是否可以登陆

  63.   bool _canSubmit = false;

  64. 

  65.   /// 是否同意协议

  66.   bool _acceptAgreement = true;

  67. 

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

  69.   bool _showOtherVcode = false;

  70. 

  71.   /// 是否登录中

  72.   bool _isLogging = false;

  73. 

  74.   /// 设置苹果审核UI

  75.   void _settingIosReviewUI() async{

  76.     String is_ios_review = await SharedPreferencesUtil.getStringValue(GlobalConfig.IS_IOS_REVIEW, defaultVal: '0');

  77.     if(Platform.isIOS && is_ios_review == '1' ){

  78.       _useVcode = false;

  79.     }

  80.   }

  81. 

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

  83.   void _openInvitePage(String mobile) {

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

  85.     RouterUtil.hideKeyboard(context);

  86.     Navigator.push(

  87.         context,

  88.         CupertinoPageRoute(

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

  90.             builder: (_) => LoginInvitePage({'mobile': mobile})));

  91.   }

  92. 

  93.   /// 登陆成功页面

  94.   void _openLoginSuccessPage() {

  95.     RouterUtil.hideKeyboard(context);

  96.     RouterUtil.goBackHomePage(context);

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

  98.   }

  99. 

  100.   /// 登陆

  101.   void _submitOnClick() {

  102.     print('登陆');

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

  104.       setState(() {

  105.         _isLogging = true;

  106.       });

  107.       if (_useVcode) {

  108.         BlocProvider.of<LoginAccountBloc>(context)

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

  110.       } else {

  111.         BlocProvider.of<LoginAccountBloc>(context)

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

  113.       }

  114.     } else {

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

  116.     }

  117.   }

  118. 

  119.   /// 切换登陆方式

  120.   void _changeLoginTypeOnClick() {

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

  122. 

  123.     _passFN?.unfocus();

  124.     _vcodeFN?.unfocus();

  125.     _phoneFN?.unfocus();

  126. 

  127.     setState(() {

  128.       _useVcode = !_useVcode;

  129.       _canSubmit = false;

  130.     });

  131.     // 清除缓存

  132.     if (_useVcode) {

  133.       _passEdController?.clear();

  134.     } else {

  135.       _vcodeEdController?.clear();

  136.     }

  137.   }

  138. 

  139.   /// 同意协议

  140.   void _agreeOnClick() {

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

  142.     setState(() {

  143.       _acceptAgreement = !_acceptAgreement;

  144.     });

  145.     _checkParam(false);

  146.   }

  147. 

  148.   /// 打开协议

  149.   void _openAgreement(String url) {

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

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

  152.       RouterUtil.openWebview(url, context);

  153.     }

  154.   }

  155. 

  156.   /// 输入框监听

  157.   void _onChange(string) {

  158.     print('$string');

  159.     _checkParam(false);

  160.   }

  161. 

  162.   /// 校验登陆参数

  163.   bool _checkParam(bool needToast) {

  164.     // 验证码

  165.     if (_useVcode) {

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

  167.       String vcode = _vcodeEdController?.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(vcode)) {

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

  178.         return false;

  179.       }

  180.       if (vcode.length < 4) {

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

  182.         return false;

  183.       }

  184.     } else {

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

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

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

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

  189.         return false;

  190.       }

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

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

  193.         return false;

  194.       }

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

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

  197.         return false;

  198.       }

  199.       if (pass.length < 4) {

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

  201.         return false;

  202.       }

  203.     }

  204. 

  205.     if (!_acceptAgreement) {

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

  207.       return false;

  208.     }

  209. 

  210.     setState(() {

  211.       _canSubmit = true;

  212.     });

  213.     return true;

  214.   }

  215. 

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

  217.   bool _checkPhoneNumParam(bool needToast) {

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

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

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

  221.       return false;

  222.     }

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

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

  225.       return false;

  226.     }

  227.     return true;

  228.   }

  229. 

  230.   @override

  231.   void initState() {

  232.     _phoneEdController = TextEditingController();

  233.     _passEdController = TextEditingController();

  234.     _vcodeEdController = TextEditingController();

  235.     _vcodeFN = FocusNode();

  236.     _passFN = FocusNode();

  237.     _phoneFN = FocusNode();

  238.     // 设置苹果审核UI

  239.     _settingIosReviewUI();

  240.     super.initState();

  241.   }

  242. 

  243.   @override

  244.   void dispose() {

  245.     _phoneEdController?.dispose();

  246.     _passEdController?.dispose();

  247.     _vcodeEdController?.dispose();

  248.     _phoneFN?.unfocus();

  249.     _passFN?.unfocus();

  250.     _vcodeFN?.unfocus();

  251.     _phoneFN?.dispose();

  252.     _passFN?.dispose();

  253.     _vcodeFN?.dispose();

  254.     super.dispose();

  255.   }

  256. 

  257.   @override

  258.   bool onVcodeClick() {

  259.     /// 获取验证码

  260.     if (_checkPhoneNumParam(true)) {

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

  262.       return true;

  263.     }

  264.     return false;

  265.   }

  266. 

  267.   @override

  268.   Widget build(BuildContext context) {

  269.     return BlocConsumer<LoginAccountBloc, LoginAccountState>(

  270.       listener: (context, state) {

  271.         if (state is LoginAccountLoginSuccessState) {}

  272.       },

  273.       buildWhen: (prev, current) {

  274.         // 登陆失败

  275.         if (current is LoginAccountLoginErrorState) {

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

  277.           setState(() {

  278.             _isLogging = false;

  279.           });

  280. 

  281.           return false;

  282.         }

  283.         // 登陆成功

  284.         if (current is LoginAccountLoginSuccessState) {

  285. 

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

  287.             /// 缓存登陆数据

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

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

  290.             _isLogging = true;

  291. 

  292.             /// 打开也买

  293.             _openLoginSuccessPage();

  294.           } else {

  295.             /// 打开邀请页面

  296.             _openInvitePage(current?.model?.mobile);

  297.           }

  298.           return false;

  299.         }

  300.         // 获取验证码成功

  301.         if (current is LoginAccountGetVcodeSuccessState) {

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

  303.           return false;

  304.         }

  305.         // 获取验证码失败

  306.         if (current is LoginAccountGetVcodeErrorState) {

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

  308.           return false;

  309.         }

  310.         return true;

  311.       },

  312.       builder: (context, state) {

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

  314.         if (state is LoginAccountLoadedState) {

  315.           return _getMainWidget(state.model);

  316.         }

  317.         // 返回骨架屏

  318.         return LoginAccountSkeleton();

  319.       },

  320.     );

  321.   }

  322. 

  323.   /// 主页面

  324.   Widget _getMainWidget(LoginStyleModel model) {

  325.     print(model);

  326.     return Column(

  327.       children: <Widget>[

  328.         /// appBar

  329.         _getAppBarWidget(model),

  330. 

  331.         /// title

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

  333. 

  334.         /// 手机输入框

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

  336. 

  337.         /// 验证码

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

  339. 

  340.         /// 密码

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

  342. 

  343.         /// 第三方验证码

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

  345. 

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

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

  348. 

  349.         /// 登录按钮

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

  351. 

  352.         /// 协议

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

  354. 

  355.         /// 底部提示tip

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

  357.       ],

  358.     );

  359.   }

  360. 

  361.   /// appBar

  362.   Widget _getAppBarWidget(LoginStyleModel model) {

  363.     return AppBar(

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

  365.       brightness: Brightness.light,

  366.       elevation: 0,

  367.       title: Text(

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

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

  370.       ),

  371.       centerTitle: true,

  372.       leading: IconButton(

  373.         icon: Icon(

  374.           Icons.arrow_back_ios,

  375.           size: 22,

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

  377.         ),

  378.         onPressed: () => Navigator.maybePop(context),

  379.       ),

  380.     );

  381.   }

  382. 

  383.   /// title

  384.   Widget _getTitleWidget(LoginStyleModel model) {

  385.     return Align(

  386.         alignment: Alignment.centerLeft,

  387.         child: Text(

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

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

  390.         ));

  391.   }

  392. 

  393.   /// 手机输入框

  394.   Widget _getPhoneWidget(LoginStyleModel model) {

  395.     return _getCustomInputWidget(

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

  397.         controller: _phoneEdController,

  398.         focusNode: _phoneFN,

  399.         onChanged: _onChange,

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

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

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

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

  404.   }

  405. 

  406.   /// 验证码输入框

  407.   Widget _getVcodeWidget(LoginStyleModel model) {

  408.     return Container(

  409.       height: 42,

  410.       child: Stack(

  411.         children: <Widget>[

  412.           _getCustomInputWidget(

  413.               controller: _vcodeEdController,

  414.               focusNode: _vcodeFN,

  415.               onChanged: _onChange,

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

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

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

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

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

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

  422.         ],

  423.       ),

  424.     );

  425.   }

  426. 

  427.   /// 验证码按钮

  428.   Widget _getVcodeButtonWidget(LoginStyleModel model) {

  429.     return VcodeWidget(

  430.         onCallBack: this,

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

  432.         btnAwaitText: '秒',

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

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

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

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

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

  438.   }

  439. 

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

  441.   Widget _getOtherVcodeInputWidget(var model) {

  442.     return Container(

  443.       width: 240,

  444.       height: 42,

  445.       alignment: Alignment.centerLeft,

  446.       child: SlideVerifyWidget(

  447.         width: 240,

  448.       ),

  449.       // child: Row(

  450.       //   children: <Widget>[

  451.       //     // 输入框

  452.       //     Expanded(

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

  454.       //     ),

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

  456.       //     Container(

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

  458.       //       width: 100,

  459.       //       height: double.infinity,

  460.       //       decoration: BoxDecoration(

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

  462.       //         color: Colors.red

  463.       //       ),

  464.       //     ),

  465.       //

  466.       //   ],

  467.       // ),

  468.     );

  469.   }

  470. 

  471.   /// 密码输入框

  472.   Widget _getPassInputWidget(LoginStyleModel model) {

  473.     return Container(

  474.       height: 42,

  475.       child: _getCustomInputWidget(

  476.           obscureText: true,

  477.           keyboardType: TextInputType.text,

  478.           controller: _passEdController,

  479.           focusNode: _passFN,

  480.           onChanged: _onChange,

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

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

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

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

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

  486.     );

  487.   }

  488. 

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

  490.   Widget _getChangeTipWidget(LoginStyleModel model) {

  491.     return GestureDetector(

  492.       behavior: HitTestBehavior.opaque,

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

  494.       child: Text(

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

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

  497.       ),

  498.     );

  499.   }

  500. 

  501.   /// 登陆按钮

  502.   Widget _getSubmiBtnWidget(LoginStyleModel model) {

  503.     return Material(

  504.       child: Container(

  505.         height: 52,

  506.         width: double.infinity,

  507.         color: Colors.white,

  508.         child: RaisedButton(

  509.           child: Text(

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

  511.             style: TextStyle(fontSize: 15),

  512.           ),

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

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

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

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

  517.           elevation: 5,

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

  519.           onPressed: _canSubmit ? _submitOnClick : null,

  520.         ),

  521.       ),

  522.     );

  523.   }

  524. 

  525.   /// 协议

  526.   Widget _getProtoclWidget(LoginStyleModel model) {

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

  528.     return Row(

  529.       mainAxisAlignment: MainAxisAlignment.center,

  530.       children: <Widget>[

  531.         /// 图标

  532.         GestureDetector(

  533.             behavior: HitTestBehavior.opaque,

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

  535.             child: Padding(

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

  537.                 child: CachedNetworkImage(

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

  539.                   width: 12,

  540.                 ))),

  541. 

  542.         /// 协议文字

  543.         RichText(

  544.           text: TextSpan(

  545.               text: '',

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

  547.                 return TextSpan(

  548.                     text: item?.text,

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

  550.                     recognizer: TapGestureRecognizer()

  551.                       ..onTap = () {

  552.                         _openAgreement(item.url);

  553.                       });

  554.               }).toList()),

  555.         )

  556.       ],

  557.     );

  558.   }

  559. 

  560.   /// 底部提示tip

  561.   Widget _getBottomTipWidget(LoginStyleModel model) {

  562.     return Padding(

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

  564.       child: Text(

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

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

  567.       ),

  568.     );

  569.   }

  570. 

  571.   /// 自定义输入框

  572.   Widget _getCustomInputWidget({

  573.     String hint,

  574.     String hintColor,

  575.     String bgColor,

  576.     String textColor,

  577.     String iconUrl,

  578.     TextEditingController controller,

  579.     ValueChanged<String> onChanged,

  580.     FocusNode focusNode,

  581.     TextInputType keyboardType,

  582.     bool obscureText = false,

  583.   }) {

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

  585. 

  586.     return Container(

  587.       height: 42,

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

  589.       decoration: BoxDecoration(

  590.         color: HexColor.fromHex(bgColor),

  591.         borderRadius: BorderRadius.circular(8),

  592.       ),

  593.       child: Row(

  594.         mainAxisAlignment: MainAxisAlignment.start,

  595.         crossAxisAlignment: CrossAxisAlignment.center,

  596.         children: <Widget>[

  597.           CachedNetworkImage(

  598.             imageUrl: iconUrl ?? '',

  599.             width: 10,

  600.           ),

  601.           Expanded(

  602.             child: TextField(

  603.               obscureText: obscureText ?? false,

  604.               controller: controller,

  605.               focusNode: focusNode,

  606.               onChanged: onChanged,

  607.               expands: false,

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

  609.               maxLines: 1,

  610.               keyboardType: keyboardType ?? TextInputType.number,

  611.               decoration: InputDecoration(

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

  613.                 hintText: hint,

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

  615.                 hintMaxLines: 1,

  616.                 filled: true,

  617.                 fillColor: Colors.transparent,

  618.                 border: border,

  619.                 focusedBorder: border,

  620.                 enabledBorder: border,

  621.                 disabledBorder: border,

  622.                 errorBorder: border,

  623.                 focusedErrorBorder: border,

  624.               ),

  625.             ),

  626.           ),

  627.         ],

  628.       ),

  629.     );

  630.   }

  631. }