Flutter ListTile 飞溅/波纹效果与边框不匹配

Question

我有一个 flutter 的 ListTile，但我似乎无法弄清楚如何使飞溅/波纹效果适合边框。我的边框是圆角的，但飞溅只是一个没有圆形边框的普通矩形，如下图所示。

ListTile

下面是 ListTile 的代码。

Ink(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.all(Radius.circular(borderRadius)),
    ),
    child: ListTile(
      title: text(title, 0.0),
      leading: Icon(
        icon,
        color: primaryColor,
      ),
    )
)

Answer 1

您可以使用 InkWell:

InkWell(
    customBorder: RoundedRectangleBorder(
        borderRadius: BorderRadius.circular(10),
    ),
    onTap: () {},
    splashColor: Colors.red,
    child: ListTile(
        title: Text("Title"),
    ),
),