Flutter：如何使用HintText但不带下划线制作TextField？

这就是我要做的：

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

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

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

以上答案均不适用于新的fld sdk，因为在集成了网络和桌面支持后，您需要像这样单独指定

TextFormField(
    cursorColor: Colors.black,
    keyboardType: inputType,
    decoration: new InputDecoration(
        border: InputBorder.none,
        focusedBorder: InputBorder.none,
        enabledBorder: InputBorder.none,
        errorBorder: InputBorder.none,
        disabledBorder: InputBorder.none,
        contentPadding:
            EdgeInsets.only(left: 15, bottom: 11, top: 11, right: 15),
        hintText: sLabel),
  )

像这样做：

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

或者如果您需要其他东西（例如图标），请使用 InputBorder.none

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

将焦点边框更改为无

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

这是一个补充答案，其中显示了一些更完整的代码：

  Container(
    decoration: BoxDecoration(
      color: Colors.tealAccent,
      borderRadius:  BorderRadius.circular(32),
    ),
    child: TextField(
      decoration: InputDecoration(
        hintStyle: TextStyle(fontSize: 17),
        hintText: 'Search your trips',
        suffixIcon: Icon(Icons.search),
        border: InputBorder.none,
        contentPadding: EdgeInsets.all(20),
      ),
    ),
  ),

笔记：

• 深色背景（代码未显示）为Colors.teal。
• InputDecoration也具有filled和fillColor属性，但是我无法使它们具有拐角半径，因此我改用了容器。

我发现没有其他答案给出边界半径，您可以像这样简单地做，没有嵌套 Container

  TextField(
    decoration: InputDecoration(
      border: OutlineInputBorder(
        borderSide: BorderSide.none,
        borderRadius: BorderRadius.circular(20),
      ),
    ),
  );

我使用的是TextFieldflutter控件，使用以下方法获得了用户输入的输入。

onChanged:(value){
}

decoration: InputDecoration(
 border:OutLineInputBorder(
 borderSide:BorderSide.none
 bordeRadius: BordeRadius.circular(20.0)
 )
)