[Flutter]TextFormFieldのエラー時の下線の色を設定するには？

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

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

方法

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

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

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

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

TextFormField(
  decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: /*エラー時の下線の色*/,
      ),
    ),
  ),
),

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

使用例

以下は、使用例です。

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

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

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

www.choge-blog.com

2021.12.04

[Flutter]TextFormFieldに枠線を付けるには？

TextFromFieldに枠線を付ける方法を紹介します。

www.choge-blog.com

2021.12.04

[Flutter]TextFormFieldを数字だけの入力にするには？

TextFormFieldを数字だけの入力にする方法を紹介します。

www.choge-blog.com

2021.12.05

[Flutter]TextFormFieldの枠線を削除して無くすには？

TextFormFieldの枠線を無くす方法を紹介します。

www.choge-blog.com

2021.12.05