どうも、ちょげ(@chogetarou)です。
TextFormFieldが入力中の時の下線の色を設定する方法を紹介します。
方法
TextFormFieldの入力中の下線の色を設定するには、InputDecorationの引数「focusedBorder」を使います。
まず、InputDecorationの引数「focusedBorder」にUnderlineInputBorderを指定します。
次に、UnderlineInputBoderの引数「borderSide」にBorderSideを指定します。
そして、BorderSideの引数「color」に入力中の時の下線の色を指定します。
TextFormField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: /*入力の下線の色*/,
),
),
),
),InputDecoraitonの引数「focusedBorder」を使えば、入力中の下線の色を設定することが出来ます。
使用例
以下は、使用例です。
TextFormField(
decoration: InputDecoration(
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(
color: Colors.orange,
),
),
),
),
[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
コメント