Flutter ElevatedButtonの背景色を指定する

• 作成日 2023.03.23
• flutter
• flutter

Flutterで、ElevatedButtonの背景色を指定する手順を記述してます。「styleFrom」でカラーコードを指定することで可能です。

目次

• 1. 環境
• 2. ElevatedButtonの背景色を指定

環境

• OS  windows11 pro 64bit
• Flutter 3.3.6

ElevatedButtonの背景色を指定

ElevatedButtonの背景色を指定するには、「styleFrom」で「primary」を設定します。

        child: ElevatedButton(
          onPressed: () {},
          style: ElevatedButton.styleFrom(
            primary: Color.fromARGB(255, 218, 56, 56), //ボタンの背景色
          ),
          child: Text("Button"),
        ),

これで「ElevatedButton」の背景色が反映されます。

• 前の記事
  

  javascript エラー「Uncaught TypeError: xxx.match is not a function」の解決方法 2023.03.23

• 次の記事
  

  MariaDB クエリの結果にヘッダーを出力しない 2023.03.23