Flutter 输入框问题

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