flutter - 如何在 Flutter 中以圆形头像显示拾取的图像？

Question

我有以下代码启动图像选择器以从图库中选择图像。

File _image;
  final picker = ImagePicker();

  Future getImage() async {
    final pickedFile = await picker.getImage(source: ImageSource.gallery);

    setState(() {
      _image = File(pickedFile.path);
    });
  }

选择图像后，我希望该图像显示在已经存在的 CircleAvatar 中.
上面的getImage()方法调用如下:

                InkWell(
                        onTap: getImage,
                        child: CircleAvatar(
                          backgroundColor: Colors.black,
                          radius: 40.0,
                          child: CircleAvatar(
                            radius: 38.0,
                            child: ClipOval(
                              child: Image.asset('images/newimage.png'),
                            ),
                            backgroundColor: Colors.white,
                          ),
                        )
                    ),

我有一个 ClipOval这是 CircleAvatar 的 child 并有一个默认的 AssetImage 作为它的 child 。我不知道如何替换这个 占位符图片 与从画廊中挑选的那个!任何帮助表示赞赏。

Answer 1

您可以使用 CircleAvatar并提供文件对象。 .image将为您提供所需的 ImageProvider。

CircleAvatar(
        backgroundColor: Colors.red,
        radius: radius,
        child: CircleAvatar(
            radius: radius - 5,
            backgroundImage: Image.file(
              profileImage,
              fit: BoxFit.cover,
            ).image,
        ),
)