Flutter TextFormFieldのエラー時の下線の色を設定するサンプル

2023年10月15日

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

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

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

使用例

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