如何删除TextField下方的下划线？

Question

这是代码。我想删除文本下方的黑色下划线，目前 TextField 处于编辑模式：

TextField(
      autofocus: true,
      decoration: InputDecoration.collapsed(
        hintText: "Search",
        border: InputBorder.none,
      ),
      maxLines: 1,
    )

Answer 1

尝试为您的 TextField 小部件提供 TextStyle。您的 TextField 正在获取您的默认主题的 TextStyle。

TextField(
      autofocus: true,
      style: TextStyle(color: Colors.white, fontSize: 30),
      decoration: InputDecoration.collapsed(
        hintText: "Search",
        border: InputBorder.none,
      ),
      maxLines: 1,
    )

在 TextField 小部件源代码中，它指出：

  /// If null, defaults to the `subhead` text style from the current [Theme].
  final TextStyle style;

Answer 2

你应该TextDecoration.none在decoration财产中使用。

Text(
  'your txt',
  style: TextStyle( decoration: TextDecoration.none),
)

Answer 3

我怀疑这与预测文本有关。当您按空格键结束正在输入的单词时，下划线会消失；当您开始输入下一个单词时，它们会再次出现。按照此处的建议，尝试设置TextInputType.visiblePassword; - 这对我有用。

Answer 4

只是代码...

TextFormField(
  decoration: InputDecoration(
                 hintText: 'comment..',
                 focusedBorder: InputBorder.none,
                 enabledBorder: InputBorder.none,
                 contentPadding: EdgeInsetsDirectional.only(start: 10.0),
                  ),
              )

Answer 5

样式：TextStyle（装饰厚度：0）