[Flutter]入力中のTextFormFieldの右側にテキストを表示するには？

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

入力中のTextFormFieldの右側にテキストを表示する方法を紹介します。

方法

入力中のTextFormFieldの右側にテキストを表示するには、InputDecorationを使います。

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

そして、InputDecorationの引数「suffixText」に入力中に右側に表示したいテキストを指定します。

TextFormField(
  decoration: InputDecoration(
    suffixText: 'テキスト',
  ),
),

InputDecorationの引数「prefixtText」を使えば、入力中のTextFormFieldの左側にテキストを表示することが出来ます。

[Flutter]TextFormFieldのカーソルの色を設定するには？

TextFormFieldのカーソルの色を設定する方法を紹介します。

www.choge-blog.com

2021.12.11

[Flutter]TextFormFieldのバリデーションエラーテキストのサイズを設定するには？

TextFormFieldがバリデーションエラーを起こした時に表示されるテキストのサイズを設定する方法を紹介します。

www.choge-blog.com

2021.12.10

[Flutter]TextFormFieldをRowウェジェットで使うには？

TextFormFieldをRowウェジェットで使う方法を紹介します。

www.choge-blog.com

2021.12.10

[Flutter]TextFormFieldのカーソルの高さを設定するには？

TextFormFieldのカーソルの高さを設定する方法を紹介します。

www.choge-blog.com

2021.12.10