19.8.22 自定义了一个输入框
系统提供的输入框还是有很多坑的,比如无法改变边框的粗细和颜色等。所以只能自己自定义一个了
已下附上代码:
Widget _textFieldWidget() { return Container( margin: EdgeInsets.only(top: 50), height: 50, width: ScreenUtil.screenWidthDp - 90, decoration: BoxDecoration( color: Colors.grey[200], borderRadius: BorderRadius.all(Radius.circular(10)), border: Border.all(width: 1, color: Colors.grey[300])), child: Row( children: <Widget>[ Container( margin: EdgeInsets.only(left: 10, right: 10), child: Icon(Icons.phone), ), Container( child: Expanded( child: TextField( onSubmitted: (text) { print('提交:' + text); }, onChanged: (String text) { print('改变了:' + text); }, decoration: InputDecoration.collapsed( hintText: '请输入您的手机号', ), )), ) ], ), ); }
已下是效果
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步