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

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

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

方法

CupertinoTextFieldの高さを変えるには、SizedBoxもしくはContainerを使います。

まず、CupertinoTextFieldをSizedBoxもしくはContainerでラップします。

そして、SIzedBoxもしくはCotainerの引数「height」で高さを指定します。

Container( //SizedBoxでも可
  height: /*高さ*/,
  child: CupertinoTextField(),
),

SizedBoxもしくはContainerを使えば、CupertinoTextFieldの高さを変えることが出来ます。

使用例

以下は、使用例です。

SizedBox(
  height: 100,
  child: CupertinoTextField(),
),

[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