Flutter FilterChip 头像精选款式

Question

我正在使用 FilterChip 和 CircleAvatar 作为头像，但所选状态有一个令人讨厌的矩形，我似乎找不到任何引用。如何删除它？

代码:

child: FilterChip(
        avatar: CircleAvatar(
          backgroundColor: category.color
        ),
        label: Text(category.name),
        selected: badCategoryIds.contains(category.id),
        onSelected: (bool value) {
          if (value) {
            badCategoryIds.add(category.id);
          }
          else {
            badCategoryIds.remove(category.id);
          }
          categoryChoiceCallback(badCategoryIds);
        },
      )

结果:

我希望它如何显示(取自 material.io 文档):

FilterChip documentation .

Answer 1

您也可以尝试将此解决方案调整为适用于您的 Chip Circle 的 Circle Image

new Container(
  width: 190.0,
  height: 190.0,
  decoration: new BoxDecoration(
      shape: BoxShape.circle,
      image: new DecorationImage(
      fit: BoxFit.fill,
      image: new NetworkImage(
             "https://i.imgur.com/BoN9kdC.png")
             )
)),  

来自这篇中型帖子 https://medium.com/@boldijar.paul/circle-image-view-in-flutter-965963c46cf5