颤振：如何使用HintText创建文本字段，但不使用下划线？

Question

这就是我想做的：

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

我不希望任何下划线是否文本字段是重点或不。

更新：更新了公认答案，以反映2020年4月颤振SDK的变化。

Answer 1

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

  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),
      ),
    ),
  ),

笔记：

• 深色背景（代码未显示）为颜色。teal

Answer 2

新的颤振sdk，因为在集成了web和桌面支持之后，您需要像下面这样单独指定

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: "Hint here"),
  )

Answer 3

这样做：

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

或者，如果您需要图标等其他内容，请使用InputBorder设置边框。无

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