Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振文本字段清除按钮位置错误_Flutter_Dart - Fatal编程技术网

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”,
    ),
    )
    );
    
    最终结果: