[Flutter]エラー(error)時のTextFormField(テキストフォームフィールド)の枠線(border)の色(color)を設定するには？

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

エラー時のTextFormFieldの枠線の色を設定する方法を紹介します。

方法
使用例

方法

エラー時のTextFormFieldの枠線の色を設定するには、InputDecorationの引数「errorBorder」を使います。

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

次に、OutlineInputBorderの引数「borderSide」にBorderSideを指定します。

そして、BorderSideの引数「color」にエラー時の枠線の色を指定します。

TextFormField(
  decoration: InputDecoration(
    errorBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: /*入力中の枠線の色*/,
      ),
    ),
  ),
),

InputDecorationの引数「errorBorder」を使えば、エラー時の枠線の色を設定することが出来ます。

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    errorBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.pink,
      ),
    ),
  ),
  validator: (value) => 'Error',
),