[Flutter]CupertinoTextFieldに枠線をつけるには？

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

CupertinoTextFieldに枠線をつける方法を紹介します。

方法

CupertinoTextFieldに枠線をつけるには、引数「decoration」を使います。

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

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

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

これでCupertinoTextFieldに枠線がつきます。

枠線の設定は、Border.all()の引数で行います。

使用例

以下は、使用例です。

CupertinoTextField(
  decoration: BoxDecoration(
    border: Border.all(
      color: Colors.pink, //枠線の色
      width: 2, //枠線の太さ
    ),
  ),
),

[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]CupertinoTextFieldのパディングを設定するには？

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

www.choge-blog.com

2021.12.08