Flutter:如何制作带有 HintText 但没有下划线的 TextField？

Question

这就是我想要做的:

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

无论文本字段是否聚焦，我都不想要任何下划线。

更新:更新了已接受的答案，以反射(reflect) Flutter SDK 自 2020 年 4 月以来的变化。

Answer 1

这样做:

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

或者如果您需要图标等其他内容，请使用 InputBorder.none

设置边框

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