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

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

您只需要将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,
        ));

更新：加入InkWell一个内部Material部件和更换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"),
        ),
      ),
    );