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

来源：13-3 基于TextField实现顶部SearchBar-2【封装组件出神入化】

大壮是打不死的小强

2020-01-15

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

（图二）

写回答

1回答

CrazyCodeBoy

2020-01-15

已采纳

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),
    ))

慕田峪0869856

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

2020-06-30

共2条回复

Flutter从入门到进阶实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势，，系统掌握Flutter开发核心技术。

4788 学习 · 3270 问题

查看课程

相似问题

自定义textfield ，只允许输入数字怎么弄

回答 2

TextField 文本丢失