一、需求说明
需要一个搜索框,用于搜索列表的内容展示,我就封装了一个搜索框
二、Bug产生的原因
给 TextField 设置了最小高度,导致了文字垂直方向不居中
三、Bug的解决方案
主要是添加了 isCollapsed: true
class SearchInput extends StatefulWidget {
final ValueChanged<String> onSearch;
const SearchInput({Key? key, required this.onSearch}) : super(key: key);
@override
State<SearchInput> createState() => _SearchInput();
}
class _SearchInput extends State<SearchInput> {
///编辑控制器
late TextEditingController _controller;
/// 是否显示删除按钮
bool _hasDeleteIcon = false;
@override
void initState() {
super.initState();
_controller = TextEditingController();
}
@override
Widget build(BuildContext context) {
return TextField(
controller: _controller,
textInputAction: TextInputAction.search,
textAlignVertical: TextAlignVertical.center,
keyboardType: TextInputType.text,