[Flutter]ElevatedButtonのサイズ(size)を変える(change)方法

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

ElevatedButtonのサイズを変える方法を紹介します。

方法
まとめ
1. 関連

方法

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          width: 200, //横幅
          height: 50, //高さ
          child: ElevatedButton(
            onPressed: () {},
            child: Text('Flutter'),
          ),
        ),
      ),
    );
  }

ElevatedButtonのサイズを変更するには、SizedBoxを使います。

まず、「ElevatedButton」をSizedBoxのchildにします。

そして、「SizedBox」のサイズを引数「width」と「height」で指定することで、ElevatedButtonの大きさを変更できます。