0

我正在尝试从我的画廊中挑选图像,然后将其展示给我的 circleavater,问题是,图像不在圆形头像内。

所以,我正在使用image_picker: ^0.4.12+1

  Future getImage() async {
    var image = await ImagePicker.pickImage(source: ImageSource.gallery);
    setState(() {
      _image = image;
    });
  }

这是小部件

  children: <Widget>[
                _image == null ?
                 Container(
                    width: 150.0,
                    height: 150.0,
                    margin: EdgeInsets.only(top: 25.0, bottom: 10.0),
                     child: CircleAvatar(
                       radius: 30.0,
                       backgroundImage:
                       NetworkImage('https://via.placeholder.com/150'),
                       backgroundColor: Colors.transparent,
                     )
                ): Container(
                  height: 150.0,
                  width: 150.0,
                    margin: EdgeInsets.only(top: 25.0, bottom: 10.0),
                    child: CircleAvatar(
                      radius: 30.0,
                      backgroundImage:
                      NetworkImage('https://via.placeholder.com/150'),
                      backgroundColor: Colors.transparent,
                      child:  new Image.file(_image),
                    )

                )
//etc

这是页面打开时的屏幕截图

在此处输入图像描述

这是我选择图像后的屏幕截图

在此处输入图像描述

我该如何解决,对不起我的英语并提前感谢

4

0 回答 0