gpt4 book ai didi

flutter - 如何更换滤芯图标

转载 作者:行者123 更新时间:2023-12-02 02:40:50 24 4
gpt4 key购买 nike

我在更改 Flutter 过滤器芯片中的图标时遇到了一些问题。我想在显示小部件时添加一个“+”。然后,如果用户选择了芯片,则将图标更改为复选标记。

从第一张图可以看出,图标变成了“对勾”,但是下面有一个白色的对勾。

如何删除这个额外的复选标记?

代码片段

FilterChip(
avatar: selected.contains(ms.items[i].text)
? Icon(Icons.check, color: Palette.BLUE)
: Icon(Icons.add, color: Palette.GREY),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0),
side: BorderSide(
color: Palette.BLUE,
),
),
backgroundColor: Palette.WHITE,
padding: const EdgeInsets.all(8.0),
label: Text(
ms.items[i].text,
style: TextStyle(
fontSize: 16.0,
height: 1.4,
fontWeight: FontWeight.normal,
color: Palette.GREY,
),
),




当前显示

Current Display 3

所需的显示

Desired Display 2

初始显示

Initial display 3

最佳答案

您需要将showCheckmark 设置为false。此外,根据选择状态更改边框和文本颜色。

FilterChip(
showCheckmark: false,
avatar: selected.contains(ms.items[i].text)
? Icon(Icons.check, color: Palette.BLUE)
: Icon(Icons.add, color: Palette.GREY),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20.0),
side: BorderSide(
color: selected.contains(ms.items[i].text)
? Palette.BLUE
: Palette.GREY,
),
),
backgroundColor: Palette.WHITE,
padding: const EdgeInsets.all(8.0),
label: Text(
ms.items[i].text,
style: TextStyle(
fontSize: 16.0,
height: 1.4,
fontWeight: FontWeight.normal,
color: selected.contains(ms.items[i].text)
? Palette.BLUE
: Palette.GREY,
),
),
selectedColor: Palette.WHITE,
onSelected: ...

关于flutter - 如何更换滤芯图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63660063/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com