TextField里面两种设置border有什么不同嘛？

Question

图一按照老师视频讲的写的，然后input框掉下来了。
图二是找的解决办法。就正常了。
问题：为啥老师自己按照图一这种写法就不会掉下来，我写就掉下来呢？

（图一）

（图二）

Answer 1

CrazyCodeBoy 2020-01-15 20:46:08

flutter 版本不对应导致的，最版新的flutter需要这样写：

TextField(
    controller: _controller,
    onChanged: _onChanged,
    autofocus: true,
    style: TextStyle(
        fontSize: 18.0,
        color: Colors.black,
        fontWeight: FontWeight.w300),
    //输入文本的样式
    decoration: InputDecoration(
      contentPadding:
          //flutter sdk >= v1.12.1 输入框样式适配
          EdgeInsets.only(left: 5, bottom: 12, right: 5),
      border: InputBorder.none,
      hintText: widget.hint ?? '',
      hintStyle: TextStyle(fontSize: 15),
    ))

• 提问者 大壮是打不死的小强 #1

  谢谢老师

• 慕田峪0869856 #2

  EdgeInsets.only(left: 5, bottom: 12, right: 5),这行没用啊，v1.12.13+hotfix.8
  border: OutlineInputBorder(borderSide: BorderSide.none),这样写才有效果