在开发中TextField组件使用频率还是比较高的,使用时因为文档较少,特此记录平时遇到的问题
[TOC]
隐藏输入框边框或下划线
有时候默认的输入框边框可能不符合设计稿要求,我们需要一个比较干净的输入框,可以通过TextField设置装饰来解决
TextField(
decoration: InputDecoration(
hintText: "请输入帐号",
border: InputBorder.none,//输入边框设为null
suffix: Image.asset("images/login_del.png", width: 20),
),
)
软键盘挡住输入框
此问题还是比较高频率的,当我们的TextField在页面比较靠下的时候,弹出的软键盘会挡住输入框,网上也很少解决办法。后面在使用时发现只要在外层套一层任意可滚动Widget就行了,特此记录
SingleChildScrollView(
child: Column(
children: <Widget>[
//..内容部分,里面有TextField控件
],
),
)