老师，开发自定义搜索框的时候的问题

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

weixin_慕后端0013590

2020-04-21

图片描述

这里的container设置高度的话，里面的TextField就剧中不了了，不设置的话就是居中的，但是又太宽了

写回答

1回答

CrazyCodeBoy

2020-04-21

参考下:https://git.imooc.com/coding-321/flutter_trip/src/master/lib/widget/search_bar.dart#L160

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

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

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

4788 学习 · 3270 问题

查看课程

相似问题

搜索页面，只要加入自定义的搜索组件，就会卡死，点什么都没反应，甚至不能切换到其他的页面，

回答 2

老师讲的很不仔细啊

回答 1

搜索条：Row包装（Icon 和 Expanded包装的textfield ）后textfield的hint偏上了，对不齐

回答 1

枚举值转换的问题

回答 2

弹框怎么出来的我的搜索弹框咋不一样难受

回答 1

打开慕课网App查看更多内容