[Flutter]CupertinoTextFieldの左側にアイコンを表示するには？

Flutter

2021.12.10

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

CupertinoTextFieldの左側にアイコンを表示する方法を紹介します。

スポンサーリンク

目次

方法
使用例

方法

インターフェース, インターネット, プログラム, ブラウザ, Www

CupertinoTextFieldの左側にアイコンを表示するには、引数「prefix」を使います。

具体的には、CupertinoTextFieldの引数「prefix」にIconウェジェットを指定します。

CupertinoTextField(
  prefix: Icon(/*アイコン*/),
),

引数「prefix」を使えば、CupertinoTextFieldの左側にアイコンを表示することが出来ます。

使用例

以下は、使用例です。

CupertinoTextField(
  prefix: Icon(CupertinoIcons.person),
),

[Flutter]CupertinoTextFieldのフォーカスを外すには？

CupertinoTextFieldにボタンなどを使ってフォーカスを外す方法を紹介します。

[Flutter]CupertinoTextFieldにクリアボタンを追加するには？

CupertinoTextFieldにクリアボタンを追加する方法を紹介します。

[Flutter]CupertinoTextFieldの高さを変えるには？

CupertinoTextFieldの高さを変える方法を紹介します。

[Flutter]CupertinoTextFieldのパディングを設定するには？

CupertinoTextFieldのパディングを設定する方法を紹介します。

コメント

タイトルとURLをコピーしました