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

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

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

方法

TextFormFieldのバリデーションエラーのテキストサイズを設定するには、InputDecorationを使います。

まず、TextFormFieldの引数「decoration」にInputDecorationを指定します。

次に、InputDecorationの引数「errorStyle」にTextStyleを指定します。

そして、TextStyleの引数「fontSize」にエラーテキストのサイズを指定します。

TextFormField(
  decoration: InputDecoration(
    errorStyle: TextStyle(
      fontSize: /*エラーテキストのサイズ*/,
    ),
  ),
),

これでTextFormFieldのエラーテキストの大きさを設定することが出来ます。

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    errorStyle: TextStyle(
      fontSize : 20,
    ),
  ),
  validator: (value) => 'Error Message',
),