flutter - 如何在 Flutter 中向 ListTile 添加自定义波纹效果颜色

Question

默认情况下，在 flutter 中，ListTile 具有灰色波纹效果颜色。但是有些情况下我们需要更改默认的波纹效果颜色。 ListTile 中没有任何属性可以帮助您。

这是默认波纹效果颜色的示例。

那么如何更改 ListTile 中的默认波纹效果颜色。

Answer 1

因为 ListTile 中没有可以帮助您获得自定义波纹效果颜色的属性。因此，要获得自定义波纹效果颜色，您必须使用 InkWell 小部件包装您的 ListTile。

在 InkWell 小部件中有许多属性，例如 splashColor、hoverColor、highlightColor 或 focusColor，它可以帮助您获得您选择的自定义波纹颜色。

注意:当您使用 InkWell 小部件包装您的 ListTile 时，您必须指定 的 onTap 属性>墨水池。否则，如果没有 onTap 属性，您的 InkWell 小部件将无法应用自定义波纹效果颜色。

这里是一个代码示例来展示这个例子:

Card(
  child: InkWell(
    splashColor: Colors.blue,
    onTap: (){},
    child: ListTile(
      title: Text('Your Title Text Goes Here'),
      trailing: Icon(Icons.ac_unit),
      ),
     ),
   ),

这里是示例代码的输出: