Flutter 颤振文本字段清除按钮位置错误
我想为我的文本字段设置一个清除按钮。我找到了一个如何使用装饰添加它的示例,但它的位置完全不正确。如何调整图标的位置 此外,我无法使输入文本在输入字段中居中。我没有找到如何在输入框中垂直居中文本的方法 谢谢Flutter 颤振文本字段清除按钮位置错误,flutter,dart,Flutter,Dart,我想为我的文本字段设置一个清除按钮。我找到了一个如何使用装饰添加它的示例,但它的位置完全不正确。如何调整图标的位置 此外,我无法使输入文本在输入字段中居中。我没有找到如何在输入框中垂直居中文本的方法 谢谢 。。。 TextEditingController_textFieldController=TextEditingController(); ... 小部件搜索字段(构建上下文){ 返回容器( 宽度:200, 身高:30, 颜色:颜色。灰色[250], 孩子:TextField( 控制器:_t
。。。
TextEditingController_textFieldController=TextEditingController();
...
小部件搜索字段(构建上下文){
返回容器(
宽度:200,
身高:30,
颜色:颜色。灰色[250],
孩子:TextField(
控制器:_textFieldController,
装饰:输入装饰(
后缀:IconButton(
填充:边缘集。全部(0),
对齐:对齐。左下角,
图标:图标(图标。取消),
onPressed:_onClear,
),
边框:OutlineInputBorder(),
hintText:“blabla”,
),
)
);
}
将
输入装饰的填充减少到零
TextField(
decoration: InputDecoration(
contentPadding: EdgeInsets.zero,
要达到预期结果,需要进行三项更改:
使用后缀
代替后缀
删除垂直内容填充,例如contentPadding:EdgeInsets。仅(左:5)
在文本受到垂直约束时(例如容器高度为30)垂直对齐文本
删除图标按钮中的填充:填充:EdgeInsets.zero
以对齐图标
完整的代码是:
返回容器(
宽度:200,
身高:30,
颜色:颜色。灰色[250],
孩子:TextField(
控制器:_textFieldController,
装饰:输入装饰(
contentPadding:仅限边集(左:5),
后缀:图标按钮(
填充:EdgeInsets.zero,
图标:图标(图标。取消),
按下时:()=>打印(“清除”),
),
边框:OutlineInputBorder(),
hintText:“blabla”,
),
)
);
最终结果: