[Flutter]TextFormFieldの無効時(disabled)の下線(underline border)の色(color)を設定するには？

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

TextFormFieldが入力出来ない無効時の下線の色を設定する方法を紹介します。

方法
使用例
1. 関連

方法

TextFormFieldの無効時の下線の色を設定するには、InputDecorationの引数「disabledBorder」を使います。

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

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

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

TextFormField(
  decoration: InputDecoration(
    disabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: /*無効時の下線の色*/,
      ),
    ),
  ),
),

InputDecoraitonの引数「disabledBorder」を使えば、無効時の下線の色を設定することが出来ます。

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    disabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: Colors.deepPurple,
      ),
    ),
    enabled: false,
  ),
),