列表查看颤振中的涟漪效应

Question

我在颤振中有一个简单的列表视图

final List<String> entries = <String>['A', 'B', 'C'];
final List<int> colorCodes = <int>[600, 500, 100];
ListView.builder(
padding: const EdgeInsets.all(8),
itemCount: entries.length,
itemBuilder: (BuildContext context, int index) {
return Container(
height: 50,
color: Colors.amber[colorCodes[index]],
child: Center(child: Text('Entry ${entries[index]}')),
);
}
);

当我单击/点击它时，会出现圆形涟漪效果，然后扩展到我在列表中单击的元素的其余部分。 我想改变这种行为并消除圆波纹效应。相反，当有人单击列表中的某个元素时，我希望该元素突出显示并淡出整个元素。 一个例子是WhatsApp应用程序。 当您单击对话时，您将看到您在列表中单击的元素将闪烁整个元素的涟漪效果。 您将看到矩形涟漪效果，而不是圆形涟漪效果，单击然后扩展到元素的其余部分

如何在 Flutter 中更改列表视图的默认行为？ 如果我不清楚，请告诉我 提前致谢

Answer 1

在代码片段的 8 行中

返回 InkWell(( 类而不是 Container((

喜欢这个

child: ListView.builder(
itemCount: list.length,
itemBuilder: (context, i) {
return InkWell( 
onTap: (){},
child: Container(
height: 50,
color: Colors.amber[colorCodes[index]],
child: Center(child: Text('Entry ${entries[index]}')),
);
);
},
),

有关更多信息，请访问 flutter.dev 文档