CircleAvatar以实际形状显示圆外的图像

Question

CircleAvatar显示的图像不在圆圈中，CircleAvatar中的backgroundimage不适用于ImageFile

CircleAvatar(
        radius: 54,
        child: Image.file(state.image),
      );
    }

Answer 1

只需尝试使用CircleAvatar backgroundImage属性。如果需要使用某个文件中的图像，则可以使用FileImage类来提供它。例如：

 CircleAvatar(
                  radius: 54,
                  backgroundImage: FileImage(state.image),
                ),

结果：