[Flutter]TextFormFieldのラベルを常に枠線内に表示するには？

どうも、ちょげ(@chogetarou)です。

TextFormFieldのラベルをずっと枠線内に表示する方法を紹介します。

方法

TextFormFieldのラベルを常に枠線内に表示するには、InputDecorationを使います。

まず、InputDecorationの引数「floatingLabelBehavior」にFloatingLabelBehavior.neverを指定します。

そして、InputDecorationの引数「prefixText」にラベルとして表示するテキストを指定します。

decoration: InputDecoration(
  labelText: 'ラベル',
  prefixText: 'ラベル',
  floatingLabelBehavior: FloatingLabelBehavior.never,
  border: OutlineInputBorder(),
),

これでTextFormFieldのラベルを常に枠線内に表示することが出来ます。

[Flutter]TextFormFieldの最大行数を設定するには？

TextFormFieldの最大行数を設定する方法を紹介します。

www.choge-blog.com

2021.12.13

[Flutter]TextFormFieldのカーソルの色を設定するには？

TextFormFieldのカーソルの色を設定する方法を紹介します。

www.choge-blog.com

2021.12.11

[Flutter]TextFormFieldのバリデーションエラーテキストのサイズを設定するには？

TextFormFieldがバリデーションエラーを起こした時に表示されるテキストのサイズを設定する方法を紹介します。

www.choge-blog.com

2021.12.10

[Flutter]TextFormFieldのカーソルの高さを設定するには？

TextFormFieldのカーソルの高さを設定する方法を紹介します。

www.choge-blog.com

2021.12.10