[Flutter]TextFormFieldのエラー時(erro)の枠線(border)の設定をするには？

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

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

方法

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

具体的には、InputDecorationの引数「errorBorder」にInputBorderを継承したクラスを指定します。

TextFormField(
  decoration: InputDecoration(
    errorBorder: /*InputBorderを継承したクラスを指定*/,
  ),
),

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

引数「errorBorder」の使い方は、引数「border」の使い方と変わりません。

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    errorBorder: OutlineInputBorder(),
  ),
  validator: (value) => 'Error',
),