[Flutter]Cupertino(iOS風)でTextFormFieldを使うには？

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

CupertinoでTextFormFieldを使う方法を紹介します。

方法
使用例

方法

CupertinoでTextFormFieldを使うには、CupertinoTextFormFieldRowを使います。

CupertinoTextFormFieldRow(),

CupertinoTextFormFieldRowは、CupertinoTextFieldにフォームの機能を足したようなウェジェットです。

なので、基本的には、CupertinoTextFieldと同じように使います。

そして、フォームの機能を使いたい場合は、「validator」や「onSaved」などの引数を使います。

CupertinoTextFormFieldRowは、デフォルトでは色が白で見えないことが出来ます。

なので、引数「decoration」を使って背景色や影、枠線などを付けてください。

使用例

以下は、使用例です。

CupertinoTextFormFieldRow(
  decoration: BoxDecoration(
    color: Colors.blue[100],
  ),
  validator: (String? value) {
    if (value == null || value.length < 5) {
      return '';
    }

    return null;
  },
),

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

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

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

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

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

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

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

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

方法

使用例

Youtube

Flutter関連書籍

カテゴリー別人気記事

コメント