title: How to display picked image in a circle avatar in Flutter?
body: <p>I have the following code which launches the image picker to select image from gallery.</p>
  <pre><code>File _image;
    final picker = ImagePicker();
  
    Future getImage() async {
      final pickedFile = await picker.getImage(source: ImageSource.gallery);
  
      setState(() {
        _image = File(pickedFile.path);
      });
    }
  </code></pre>
  <p>After the image is selected, I want that image to be displayed in an already present <code>CircleAvatar</code>.
  The above method getImage() is called as shown below:</p>
  <pre><code>                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,
                            ),
                          )
                      ),
  </code></pre>
  <p>I have a <code>ClipOval</code> which is the child of the <code>CircleAvatar</code> and has a default AssetImage as its child . I am not able to figure out how to replace this <strong>placeholder image</strong> with the one that is picked from the gallery! Any help is appreciated.</p>