[Flutter]CupertinoTextFieldの左側にウェジェットを表示するには？

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

CupertinoTextFieldの左側にアイコンやテキストなどのウェジェットを表示する方法を紹介します。

方法

CupertinoTextFieldの左側にウェジェットを表示するには、引数「prefix」を使います。

具体的には、CupertinoTextFieldの引数「prefix」に左側に表示したいウェジェットを指定します。

CupertinoTextField(
  prefix: /*左側に表示したいウェジェット*/,
),

引数「prefix」を使えば、CupertinoTextFieldの左側にウェジェットを表示することが出来ます。

使用例

以下は、使用例です。

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

[Flutter]Cupertino(iOS風)でAlertDialogを表示するには？

CupertinoでAlertDialogを表示する方法を紹介します。

www.choge-blog.com

2021.10.26

[Flutter]CupertinoButtonの使い方

CupertinoButtonの使い方を解説します。

www.choge-blog.com

2021.10.16

[Flutter]CupertinoSwitchの使い方

iOS風のトグルボタンを実装するCupertinoSwitchの使い方を解説します。

www.choge-blog.com

2021.10.16

[Flutter]Cupertino( iOS風 )でBottomNavigationBarを表示するには？

CupertinoでBottomNavigationBarを表示する方法を紹介します。

www.choge-blog.com

2021.11.19