[Flutter]TextFormFieldの左側に画像を表示するには？

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

TextFormFieldの左側に画像を表示する方法を紹介します。

方法

TextFormFieldの左側に画像を表示するには、InputDecorationを使います。

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

そして、InputDecorationの引数「prefixIcon」に画像を指定します。

TextFormField(
  decoration: InputDecoration(
    prefixIcon: /*画像*/,
  ),
),

InputDecorationを使えば、TextFormFieldの左側に画像を表示することが出来ます。

使用例

以下は、使用例です。

TextFormField(
  decoration: InputDecoration(
    prefixIcon: Image.asset(
      'asset/images/akazukin.png',
      width: 20,
      height: 20,
    ),
  ),
),

[Flutter]TextFormFieldにプレースホルダーを表示するには？

TextFormFieldにプレースホルダーを表示する方法を紹介します。

www.choge-blog.com

2021.12.06

[Flutter]TextFormFieldのテキストを上に寄せる方法

TextFormFieldのテキストを上に寄せる方法を紹介します。

www.choge-blog.com

2021.12.06

[Flutter]TextFormFieldのテキストを縦方向で真ん中に寄せるには？

TextFormFieldのテキストを縦方向で中央に寄せる方法を紹介します。

www.choge-blog.com

2021.12.06

[Flutter]TextFormFieldのプレースホルダーのテキストサイズを設定するには？

TextFormFieldで表示するプレスホルダーのテキストの大きさを設定する方法を紹介します。

www.choge-blog.com

2021.12.06