NEW ARTICLE
Rubyのメタプログラミングを極める：コードを自在に操る技術
  1. HOME
  2. flutter
  3. Flutter ElevatedButtonのサイズを指定する

Flutter ElevatedButtonのサイズを指定する

Flutter ElevatedButtonのサイズを指定する

Flutterで、ElevatedButtonのサイズを指定する手順を記述してます。

目次

環境

  • OS  windows11 pro 64bit
  • Flutter 3.3.1

ElevatedButtonのサイズを指定

ElevatedButtonのサイズを指定するには、「styleFrom」で「minimumSize」を設定します。

minimumSize: Size(横, 縦))

実際に実行してみます。

        child: ElevatedButton(
          onPressed: () {},
          style: ElevatedButton.styleFrom(
              primary: Colors.blue, //ボタンの背景色
              minimumSize: Size(200, 100)),
          child: Text(
            "Button",
            style: TextStyle(
              color: Color.fromARGB(255, 255, 255, 255), // ボタンのテキストの色
              fontSize: 12,
            ),
          ),
        ),

これで「ElevatedButton」のサイズが設定されていることが確認できます。