[Flutter]Buttonの横幅を設定する方法

Flutter

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

Buttonの横幅を設定する方法を紹介します。

スポンサーリンク

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 200,
          height: 50,
          child: ElevatedButton(
            child: Text('Tap'),
            onPressed: () {},
          ),
        ),
      ),
    );
  }

横幅を設定するには、まずButtonをSizedBoxの「child」に指定します。

そして、SizedBoxのwidthで横幅の設定をします。

まとめ

Buttonの横幅を設定するには、SizedBoxの引数「width」を使います。

SizedBoxの「child」にButtonを指定し、引数「width」に幅を設定します。

コメント

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