在TextField小部件中输入文本时无法删除下划线

时间:2020-04-05 13:11:36

标签: flutter dart

在文本字段中输入文本时,有一个下划线会一直保留到我键入为止,并在我关闭键盘时一直消失:

 TextField(
                style: TextStyle(
                  decoration: TextDecoration.none,
                  color: Colors.white,
                ),
                cursorColor: Colors.grey.withOpacity(0.8),
                decoration: InputDecoration(
                  labelText: "email",
                  labelStyle: TextStyle(decoration: TextDecoration.none),
                  hintStyle: TextStyle(
                    color: Colors.grey,
                  ),
                  hintText: "email",
                  filled: true,
                  fillColor: Colors.grey.withOpacity(0.5),
                  prefixIcon: Icon(
                    Icons.alternate_email,
                    color: Colors.grey.withOpacity(0.8),
                  ),
                  enabledBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(100),
                    borderSide: BorderSide.none,
                  ),
                  focusedBorder: OutlineInputBorder(
                    borderRadius: BorderRadius.circular(100),
                    borderSide: BorderSide.none,
                  ),
                ),
              ),

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以在输入装饰中使用spinner.setAdapter(dataAdapter);

答案 1 :(得分:0)

这不是错误,而是默认行为TextField。您键入的文本的下划线与键盘有关,这意味着它充当拼写检查器,以便您可以确认输入的内容正确无误。如果您仍想在键入时隐藏下划线,则需要使用:

{{1}的autoCorrect: falseenableSuggestions: false属性,并从设备/仿真器的设置中手动关闭虚拟键盘的TextField选项。

在上面进行操作时,在下面对工作代码进行采样:

text suggestion

然后我可以不加下划线地输入

enter image description here

希望这能回答您的问题。