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

その他

2021.12.172022.06.04

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

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

方法

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

具体的には、InputDecorationの引数「floatingLabelBehavior」にFloatingLabelBehavior.alwaysを指定します。

TextFormField(
  decoration: InputDecoration(
    labelText: 'ラベル',
    floatingLabelBehavior: FloatingLabelBehavior.always,
  ),
),

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