Flutter 动态更新CircleAvatar的图片

CircleAvatar有一个参数是 backgroundImage, 它是一个Imageprovider. 通过选择手机图片或者拍照后,获取到的是一个PickedFile , 我用的是

image_picker: ^0.6.7+17插件
PickedFile _imageFile;
    ImagePicker imagePicker = ImagePicker();
    var image = await imagePicker.getImage(source: imageSource);
    setState(() {
      _imageFile = image;
      _avatarImage = File(image.path);
    });
定义一个文件类型的变量_avatarImage, 然后通过Image.file(_avatarImage).image 赋值给backgroundImage就行了。AssetImage(“assets/images/cat.jpg”)是默认值。
File _avatarImage;
backgroundImage: _avatarImage == null
                      ? AssetImage(“assets/images/cat.jpg”)
                      : Image.file(_avatarImage).image,

发表评论