Flutter：如何使用HintText创建TextField但没有下划线？

Question

这就是我想要做的：

在Flutter文档字段文档（https://flutter.io/text-input/）中，它表示你可以通过将null传递给装饰来删除下划线。但是，这也摆脱了提示文本。

我不想强调文本字段是否有焦点。

更新：显然这可以通过使用轻松完成

new InputDecoration.collapsed(...),

它保留提示而不绘制边框。

Answer 1

像这样做：

TextField(
  decoration: new InputDecoration.collapsed(
    hintText: 'Username'
  ),
),

或者如果您需要其他类似图标的东西，请使用InputBorder.none设置边框

InputDecoration(
    border: InputBorder.none,
    hintText: 'Username',
  ),
),

Answer 2

将聚焦边界更改为无

TextField(
      decoration: new InputDecoration(
          border: InputBorder.none,
          focusedBorder: InputBorder.none,
          contentPadding: EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
          hintText: 'Subject'
      ),
    ),