dart - 如何在 flutter 中为 PhysicalModel 添加波纹效果

Question

我正在尝试创建一个登录按钮，按下它时会显示动画。但是当点击按钮(在 PhysicalModel 上)时，涟漪效应只显示在登录文本上，而不是完全在物理模型上。如何为 PhysicalModel 添加涟漪效果或从 MaterialButton 移除涟漪效果？

PhysicalModel(
            color: Colors.teal,
            borderRadius: BorderRadius.circular(50.0),
            child: MaterialButton(
                   key: _globalKey,
                   child: Text("Login"),
                   onPressed: () {
                        setState(() {
                             if (_state == 0) {
                                    animateButton();
                             }
                        });
                   },
                   elevation: 4.0,
                   minWidth: _width,
                   height: 20.0,
            ),
)

Answer 1

如果您想移除 MaterialButton 的启动颜色，只需将这些颜色更改为透明即可。

  MaterialButton(
    splashColor: Colors.transparent,
    highlightColor: Colors.transparent,

如果你想为你的 PhysicalModel 产生链式 react :

    PhysicalModel(
                  color: Colors.teal,
                  borderRadius: BorderRadius.circular(50.0),
                  child: RawMaterialButton(
                    shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(50.0)),
                    padding: EdgeInsets.symmetric(vertical: 15.0, horizontal: 30.0),
                    materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                    child: Text("Login"),
                    onPressed: () {
                      setState(() {});
                    },
                    elevation: 4.0,
                  ),
                )