[Flutter]TextFormFieldの左側にテキストをずっと表示するには？

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

TextFormFieldの左側にテキストを常に表示する方法を紹介します

方法

TextFormFieldの左側にテキストを常に表示するには、InputDecoraitonを使います。

具体的には、InputDecorationの引数「prefixIcon」にTextを指定します。

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

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

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    prefixIcon: Padding(
      padding: const EdgeInsets.all(12.0),
      child: Text('テキスト'),
    ),
  ),
),

[Flutter]TextFormFieldの最大行数を設定するには？

TextFormFieldの最大行数を設定する方法を紹介します。

www.choge-blog.com

2021.12.13

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

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

www.choge-blog.com

2021.12.11

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

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

www.choge-blog.com

2021.12.10

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

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

www.choge-blog.com

2021.12.10