[Flutter]入力中(focus)のTextFormFieldの枠線(border)の色(color)を設定するには？

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

入力中のTextFormFieldの枠線の色を設定する方法を紹介します。

方法
使用例

方法

入力中のTextFormFieldの枠線の色を設定するには、InputDecorationの引数「focusedBorder」を使います。

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

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

そして、BorderSideの引数「color」に入力中の枠線の色を指定します。

TextFormField(
  decoration: InputDecoration(
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: /*入力中の枠線の色*/,
      ),
    ),
  ),
),

InputDecorationの引数「focusedBorder」を使えば、入力中の枠線の色を設定することが出来ます。

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    focusedBorder: OutlineInputBorder(
      borderSide: BorderSide(
        color: Colors.pink,
      ),
    ),
  ),
),