Flutter 输入框问题

4,652 阅读1分钟

在开发中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控件
    ],
  ),
)