Flutter - Inkwell 与 FlatButton 作为孩子的涟漪不起作用

Question

我有以下代码，我想要实现的是我希望我的 FlatButton 具有原生涟漪效果。默认情况下，颤振材质会产生飞溅效果，感觉不像原生。当我按下按钮时，我试图用墨水瓶包裹我的 FlatButton 以某种方式解决这个问题，它忽略了我的墨水瓶小部件。我该如何解决这个问题？

InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: FlatButton(
          color: Theme.of(context).colorScheme.primary,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(8)),
          ),
          child: Text("Im a text"),
          onPressed: () {},
        ));

Answer 1

所以问题在于有一个函数被传递给FlatButton 的onPressed。

您只需将null 传递给FlatButton 的onPressed，触发器就会转到InkWell 的onTap。

试试这个：

InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: FlatButton(
          color: Theme.of(context).colorScheme.primary,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(8)),
          ),
          child: Text("Im a text"),
          onPressed: null,
        ));

更新： 在 Material 小部件中添加 InkWell 并将 FlatButton 替换为 Container 小部件

Material(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(8)),
      ),
      color: Theme.of(context).colorScheme.primary,
      child: InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
          child: Text("Im a text"),
        ),
      ),
    );