[Flutter]TextFormFieldの有効時の下線の色を設定するには？

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

TextFormFieldが入力可能な通常時の下線の色を設定する方法を紹介します。

方法

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

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

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

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

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

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

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    enabledBorder: UnderlineInputBorder(
      borderSide: BorderSide(
        color: Colors.pink,
      ),
    ),
  ),
),

[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