【Flutter】button押下時のeffectをRipple Effect(リップルエフェクト)から変えたいです

Question

前提

Flutter学習中のものです。
ボタン押下時のエフェクトを、リップルエフェクトから変更したいです。

実現したいこと

ボタン押下時に、ボタン全体が一瞬で「 onPrimary」で指定した色に変化させたい（波紋ではなく）のですが方法がわかりません。
どなたかアドバイスいただけないでしょうか？

試したこと

theme: ThemeData(
splashColor: Colors.transparent,
),
をつけたのですが変化はなかったです。

補足情報（FW/ツールのバージョンなど）

[✓] Flutter (Channel stable, 3.3.8, on macOS 13.0.1 22A400 darwin-arm, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)

Answer 1

Ripple Effectを消すのは下記、
https://stackoverflow.com/questions/50020523/how-to-disable-default-widget-splash-effect-in-flutter

ボタン押下時の挙動の指定は下記、
https://okutaro.com/2022/06/10/2022-6-10-flutter-materialstateproperty/
にあるのでよければ参考にされてください。

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        //backgroundColor: Colors.red,
        backgroundColor:
            MaterialStateColor.resolveWith((Set<MaterialState> states) {
          if (true) {
            return Colors.cyanAccent;
          }
          return Colors.red;
        }),
      ),
      body: Container(
        child: Center(
          child: SizedBox(
            width:200.0,
            height:100.0,
            child: ElevatedButton(
              style: ButtonStyle(
                backgroundColor: MaterialStateProperty.resolveWith<Color?>(
                  (Set<MaterialState> states) {
                    if (states.contains(MaterialState.pressed))
                      return Theme.of(context)
                          .colorScheme
                          .onPrimary;
                    return null; // Use the component's default.
                  },
                ),

                foregroundColor: MaterialStateProperty.resolveWith<Color?>(
                      (Set<MaterialState> states) {
                    if (states.contains(MaterialState.pressed))
                      return Theme.of(context)
                          .colorScheme
                          .primary;
                    return null; // Use the component's default.
                  },
                ),

                //https://stackoverflow.com/questions/50020523/how-to-disable-default-widget-splash-effect-in-flutter
                //button_style.dartのsplashFactoryのドキュメントコメントに書いてある。
                splashFactory: NoSplash.splashFactory,
              ),
              child: Text('push'),
              onPressed: () {},
            ),
          ),
        ),
      ),
    );
  }
}