如何删除 TextFormField 中输入文本的下划线？

Question

我想删除您在文本下方看到的黑色下划线。 每当我输入任何字符并添加每个字符时，它都会出现。 我怎样才能做到这一点？ 这是我的 TextFieldForm 代码：

TextFormField(
          controller: _controller,
          showCursor: false,
          toolbarOptions: ToolbarOptions(
            cut: true,
            copy: false,
            selectAll: true,
            paste: true,
          ),
          decoration: InputDecoration(
            border: InputBorder.none,
            filled: true,
            fillColor: Colors.white,
            hintStyle: TextStyle(fontSize: 20),
            hintText: "Search the word",
            contentPadding: EdgeInsets.only(left: 20),
            enabledBorder: OutlineInputBorder(borderSide: BorderSide.none),
            suffixIcon:
                Icon(Icons.search, color: Colors.black.withOpacity(0.6)),
            focusedBorder: OutlineInputBorder(
              borderSide: BorderSide.none,
            ),
          ),
        ),

我试过“边界：InputBorder.none”但失败了......

Answer 1

使用这个 function：

focusedBorder: InputBorder.none,

Answer 2

我想这是针对您设备的操作系统的。 这是一个自动完成选项。 正如您所看到的，当您按空格键时它会删除下划线（表示单词已结束）。 您已在手机设置中禁用它，与您的代码无关。 为此，请尝试以下操作：

1. 打开手机或平板电脑上的设置菜单，然后打开 select 语言和输入法。

2. 点击键盘和输入法下的虚拟键盘。

3. Select Android 键盘。

4. 关闭自动更正并显示更正建议以及下一个单词建议。

Answer 3

您可以覆盖 TextField 小部件中的inputFormatters ，并将自定义格式化程序 class 放置在数组中，如下面的片段。

我的自定义格式化程序 class：

    class CaseFormatting extends TextInputFormatter {
  @override
  TextEditingValue formatEditUpdate(TextEditingValue oldValue, TextEditingValue newValue) {
    return TextEditingValue(
      text: newValue.text,
      selection: newValue.selection
    );
  }
}

并在 TextField 的 inputFormatters 中添加 class。

    TextField(
  //...
                inputFormatters: [
                  CaseFormatting(),
                  // FilteringTextInputFormatter.allow(RegExp(r"[A-Z0-9]+")),
                ],
  //...
              )

Answer 4

    style: TextStyle(
      decoration: TextDecoration.none,
      decorationThickness: 0,
    ),

Answer 5

我认为你必须在这样的装饰下添加focusBorder ：

 decoration: InputDecoration(
                  border: InputBorder.none,
                  focusedBorder: InputBorder.none,
                ),