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

小编典典

all

这就是我想要做的：

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

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

更新： 更新了接受的答案以反映 Flutter SDK 截至 2020 年 4 月的变化。

阅读 69

2022-05-26

共1个答案

小编典典

像这样做：

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

或者如果您需要其他东西，如图标，设置边框InputBorder.none

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

2022-05-26