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

Flutter

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

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

スポンサーリンク

方法

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

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

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

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

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

使用例

以下は、使用例です。

CupertinoTextField(
  suffix: Icon(CupertinoIcons.delete),
),

コメント

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