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

标签 flutter dart textfield underline hint

这就是我想要做的:

enter image description here

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

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

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

最佳答案

这样做:

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

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

设置边框
InputDecoration(
    border: InputBorder.none,
    hintText: 'Username',
  ),
),

关于Flutter:如何制作带有 HintText 但没有下划线的 TextField?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49040679/

相关文章:

dart - flutter 错误 :The argument type 'Future<Image>' can't be assigned to the parameter type 'Widget'

dart - 组合一组 Uint8List

java - 如何使用处理程序 javafx 限制文本字段中的最大值

flutter - 如何为具有与输入文本相同样式的输入选择创建新的 flutter 组件?

firebase - Firestore更新子集合文档

flutter - 如何测试流是否在Dart中的特定位置发出值?

flutter - Flutter中各种小部件的滚动问题

date - 日期的 Flutter TextField 输入验证

带有监听器的 JavaFX 文本字段给出 : "java.lang.IllegalArgumentException: The start must be <= the end"

flutter - 如何在不同类的 Iterator FOR 中传递变量列表?