[Flutter]CupertinoAlertDialogでTextFieldを使うには？

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

CupertinoAlertDialogでTextFieldを使う方法を紹介します。

方法

CupertinoAlertDialogでTextFieldを使う方法を紹介します。

CupertinoTextField

１つは、TextFieldの代わりにCupertinoTextFieldを使う方法です。

具体的には、TextFieldをCupertinoTextFieldに置き換えます。

CupertinoAlertDialog(
  content: CupertinoTextField(),
  actions: [・・・],
);

Card

もう１つは、Cardを使う方法です。

具体的には、TextFieldをCardでラップします。

return CupertinoAlertDialog(
  content: Card(
    child: TextField(),
  ),
  actions: [
    TextButton(
      onPressed: () {
        Navigator.pop(context);
      },
      child: Text('OK'),
    ),
  ],
);

まとめ

CupertinoTextFieldもしくはCardを使うことで、CupertinoAlertDialogでTextFieldを使うことが出来ます。

[Flutter]CupertinoAlertDialogの使い方

CupertinoAlertDialogの使い方を解説します。

www.choge-blog.com

2021.10.25

[Flutter]Cupertino(iOS風)でModalBottomSheetを表示するには？

CupertinoでModalBottomSheetを表示する方法を紹介します。

www.choge-blog.com

2021.11.09

[Flutter]CupertinoButtonの高さを設定するには？

CupertinoButtonの高さを設定する方法を紹介します。

www.choge-blog.com

2022.01.16

[Flutter]CupertinoButtonのサイズを設定するには？

CupertinoButtonのサイズを設定する方法を紹介します。

www.choge-blog.com

2022.01.15