[Flutter]CupertinoTextFieldの枠線の色を変えるには？

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

CupertinoTextFieldの枠線の色を変える方法を紹介します。

方法

CupertinoTextFieldの枠線の色を変えるには、引数「decoration」を使います。

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

次に、BoxDecorationの引数「border」にBorder.all()を指定します。

そして、Border.all()の引数「color」に枠線の色を指定します。

CupertinoTextField(
  decoration: BoxDecoration(
    border: Border.all(
      color: /*枠線の色*/,
    ),
  ),
),

引数「decoration」を使えば、CupertinoTextFieldの枠線の色を変えることが出来ます。

使用例

以下は、使用例です。

CupertinoTextField(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.pink,
    ),
  ),
),

[Flutter]CupertinoTextFieldのフォーカスを外すには？

CupertinoTextFieldにボタンなどを使ってフォーカスを外す方法を紹介します。

www.choge-blog.com

2021.12.08

[Flutter]CupertinoTextFieldにクリアボタンを追加するには？

CupertinoTextFieldにクリアボタンを追加する方法を紹介します。

www.choge-blog.com

2021.12.08

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

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

www.choge-blog.com

2021.12.08

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

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

www.choge-blog.com

2021.12.08