user-interface - CircleAvatar 颤动不适合圆圈内的图像

Question

请帮忙，我需要在circleAvatar小部件中放一张图片，但图片显示不完美。

这个问题，只在安卓设备上显示

                     return Center(
                        child: CircleAvatar(
                          radius: 100.0,
                          backgroundImage: ExactAssetImage(
                            'assets/images/ic_Photo-L.png',
                          ),
                        ),
                      );

标签： user-interfacefluttermobiledart

Answer 1

如果CircleAvatar不是强制性的，请尝试将ClipOval 与 Container 一起使用。

 return Center(
      child: ClipOval(
        child: Container(
          height: 200,
          width: 200,
          color: Colors.grey.shade200,
          child: Image.asset(
            'assets/images/ic_Photo-L.png',
            width: 200.0,
            height: 200.0,
            fit: BoxFit.contain,
          ),
        ),
      )
    );