[Flutter]CupertinoButtonを横幅いっぱいに広げるには？

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

CupertinoButtonを横幅いっぱいに広げる方法を紹介します。

方法

CupertinoButtonを横幅いっぱいに広げるには、Containerウェジェットを使います。

Conatinerウェジェットの引数「child」にCupertinoButton」を指定します。

そして、Containerの「width」で、「double.infinity」を指定することで、横幅いっぱいに広げることが出来ます。

            Container(
              width: double.infinity,
              child: CupertinoButton.filled(
                child: Text('Button'),
                onPressed: () {},
              ),
            )

まとめ

CupertinoButtonを横幅いっぱいに広げるには、Containerウェジェットでラップし、Containerの引数「width」に「double.infinity」を指定します。

[Flutter]CupertinoButtonを無効にする方法

CupertinoButtonを無効にする方法を紹介します。

www.choge-blog.com

2021.10.14

[Flutter]Cupertino（クパチーノ）でAppBarを表示するには？

CupertinoでAppBarを表示するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.10.12

[Flutter]CupertinoDatePickerをポップアップ表示するには？

iOSでは、DatePickerを下から表示するポップアップ表示が出来ます。同じようにCupertinoDatePickerをポップアップ表示するには、どうしたらいいのでしょうか？

www.choge-blog.com

2021.10.10