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

Flutter

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

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

スポンサーリンク

方法

インターフェース, インターネット, プログラム, ブラウザ, Www, グラフィック, フラットなデザイン

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」を指定します。

コメント

タイトルとURLをコピーしました