[Flutter]CupertinoTextFieldの背景色を設定するには？

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

CupertinoTextFieldの背景色を設定する方法を紹介します。

方法

CupertinoTextFieldの背景色を設定するには、引数「decoration」を使います。

まず、CupertinoTextFieldの引数「decoration」にBoxDecorationを指定します。

そして、BoxDecorationの引数「color」に背景色を指定します。

CupertinoTextField(
  decoration: BoxDecoration(
    color: /*背景色*/,
  ),
),

引数「decoration」を使えば、TexFormFieldの背景色を設定することが出来ます。

使用例

以下は、使用例です。

CupertinoTextField(
  decoration: BoxDecoration(
    color: Colors.blue[100],
  ),
),

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

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

www.choge-blog.com

2021.11.19

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

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

www.choge-blog.com

2021.11.09

[Flutter]CupertinoのModalBottomSheetの背景色を設定するには？

CupertinoのModalBottomSheetの背景色を設定する方法を紹介します。

www.choge-blog.com

2021.11.08

https://www.choge-blog.com/programming/fluttercupertinoios-icon/