Flutter 有没有办法从我的列表互动程序中删除飞溅?
我有以下清单Flutter 有没有办法从我的列表互动程序中删除飞溅?,flutter,dart,Flutter,Dart,我有以下清单 Container buildContactTile(BuildContext context, Color backgroundColor, Color foregroundColor, UserModel contact, ContactListController controller) { final ThemeData theme = Theme.of(context); return Container( decoratio
Container buildContactTile(BuildContext context, Color backgroundColor, Color foregroundColor, UserModel contact,
ContactListController controller) {
final ThemeData theme = Theme.of(context);
return Container(
decoration: BoxDecoration(color: backgroundColor, borderRadius: const BorderRadius.all(Radius.circular(5.0))),
child: ListTile(
leading: ProfileAvatar(
backgroundColor: foregroundColor,
photoURL: contact.photoURL,
radius: 15.0,
fallback: ProfileAvatar.nameAvatar(displayName: contact.displayName),
),
title: Text(contact.displayName, style: theme.textTheme.bodyText1.apply(color: foregroundColor)),
trailing: _interactive ? Icon(Icons.add, color: foregroundColor) : null,
onTap: () => _interactive ? controller.updateSelectedContacts(contact) : null,
),
);
}
我用一个容器包装它,根据小部件的状态给它一个不同的背景颜色。但实际情况是,我的飞溅没有考虑到圆形边界半径,因此飞溅颜色最终出现在列表平铺的角落中。如何使飞溅颜色透明,或使其成为圆角
当您按住ListTile并按住时,您会在角落中看到以下内容
将整个
容器
包装在主题
中,并将主题数据
的飞溅颜色
和高亮颜色
设置为颜色。透明
参考文献
将整个
容器
包装在主题
中,并将主题数据
的飞溅颜色
和高亮颜色
设置为颜色。透明
参考文献
你能添加屏幕外观的图片吗?添加了一张图片,显示了当你按下列表直到我阅读文档时屏幕的外观,我认为,通过在
InkWell
中包装ListTile
,我们可以通过在InkWell
中设置containedInkWell:true
来配置触控涟漪,以解决圆角问题。您可以添加屏幕显示方式的图像吗外观?添加了一张图片,显示了在我阅读文档之前按列表时的外观,我认为,通过在InkWell
中包装ListTile
,我们可以通过在InkWell
中设置containedInkWell:true
来配置触控涟漪,以解决圆角问题。我刚刚试过,但它不起作用。我的笔记本电脑崩溃了。我希望明天能测试它。我刚刚有时间测试它,但遗憾的是,它并没有解决问题。如果您快速点击,它看起来已经修复。但是,当你用手指按住瓷砖较长时间时,你会看到墙角变黑。更新后,发现一个刚有时间对其进行测试,但遗憾的是,它没有解决问题。如果你快速点击,它看起来已经修复。但是当你把手指放在瓷砖上一段时间后,你会看到墙角变黑
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Theme(
data: ThemeData(
splashColor: Colors.transparent,
highlightColor: Colors.transparent,
),
child: Container(
decoration: BoxDecoration(
color: Colors.blueGrey,
borderRadius: const BorderRadius.all(Radius.circular(15.0)),
),
child: ListTile(
leading: const Icon(Icons.flight_land),
title: const Text("Trix's airplane"),
subtitle: const Text('The airplane is only in Act II.'),
enabled: true,
onTap: () {
print('Something');
},
),
),
);
}
}