Flutter FilterChip头像所选样式

Omr*_*ron 6 material-design material-ui flutter

我使用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);
        },
      )
Run Code Online (Sandbox Code Playgroud)

结果:

在此处输入图片说明

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

在此处输入图片说明

FilterChip文档

Ale*_*ink 2

您也可以尝试将此解决方案应用于您的芯片圆的圆形图像

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")
             )
)),  
Run Code Online (Sandbox Code Playgroud)

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