[解決済み] [Solved] Flutter: How to make TextField with HintText but no Underline?

質問

これは私が作ろうとしているものです。

Flutterのドキュメントでは、テキストフィールド( https://flutter.io/text-input/ を渡すと、下線を消すことができると書いてあります。 null を装飾に使用します。ただし、その場合、ヒントテキストも消えてしまいます。

テキストフィールドにフォーカスがあってもなくても、下線はいらない。

UPDATEしてください。 は、2020年4月時点のFlutter SDKの変更を反映させるために、受理された回答を更新しました。

解決方法を教えてください。

このようにします。

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

また、アイコンのようなものが必要な場合は、ボーダーを InputBorder.none

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