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

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

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

方法

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

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

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

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

CupertinoTextField(
  decoration: BoxDecoration(
    border: Border.all(
      width: /*枠線の太さ*/,
    ),
  ),
),

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

使用例

以下は、使用例です。

CupertinoTextField(
  decoration: BoxDecoration(
    border: Border.all(
      width: 3,
    ),
  ),
),

[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