Flutter: ヒントテキスト付きで下線なしのテキストフィールドを作成するにはどうすればいいですか? 質問する

2024-07-06 • tag-icon

flutter dart textfield underline hint

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

Flutterのテキストフィールドに関するドキュメント（テキスト入力null)デコレーションに渡すことで下線を削除できると書かれています。ただし、ヒントテキストも削除されます。

テキストフィールドにフォーカスがあるかどうかに関係なく、下線は不要です。

更新: 2020 年 4 月時点の Flutter SDK の変更を反映するために、承認された回答を更新しました。

次のようにします:

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

またはアイコンなど他のものが必要な場合は、境界線を設定しますInputBorder.none

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

おすすめ記事