[Flutter]CupertinoTextFieldのテキストの色を設定するには？

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

CupertinoTextFieldのテキストの色を設定する方法を紹介します。

方法

CupertinoTextFieldのテキストの色を設定するには、引数「style」を使います。

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

そして、TextStyleの引数「color」にテキストの色を指定します。

CupertinoTextField(
  style: TextStyle(
    color: /*テキストの色*/,
  ),
),

引数「style」を使えば、CupertinoTextFieldのテキストカラーを設定することが出来ます。

使用例

以下は、使用例です。

CupertinoTextField(
  style: TextStyle(
    color: Colors.pink,
  ),
),

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

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

www.choge-blog.com

2021.12.08

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

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

www.choge-blog.com

2021.12.08

[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