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

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

無効時のTextFormFieldの枠線の色を設定する方法を紹介します。

方法
使用例

方法

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

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

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

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

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

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

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    disabledBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.green,
      ),
    ),
    enabled: false,
  ),
),