flutter - 如何更换滤芯图标

Question

我在更改 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,
           ),
      ),
              
              
             
            

当前显示

所需的显示

初始显示

Answer 1

您需要将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: ...