title: Flutter: How to place an Icon on a CircleAvatar and center it?
body: <p><a href="https://i.stack.imgur.com/MibcQ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/MibcQ.png" alt="enter image description here" /></a></p>
  <p>I want to center the camera icon but i couldnt do it. I tried to use an image instead of an icon but this still didnt work. I think it doesnt work because it is not possible to place an icon on a CircleAvatar but there must be a way to this.
  Here is my Code:</p>
  <pre><code>    return SizedBox(
        height: 115,
        width: 115,
        child: Stack(
          clipBehavior: Clip.none,
          fit: StackFit.expand,
          children: [
            CircleAvatar(
              backgroundImage: AssetImage(&quot;assets/images/Profile Image.png&quot;),
            ),
            Positioned(
                right: -16,
                bottom: 0,
                child: SizedBox(
                    height: 46,
                    width: 46,
                    child: FlatButton(
                      shape: RoundedRectangleBorder(
                        borderRadius: BorderRadius.circular(50),
                        side: BorderSide(color: Colors.white),
                      ),
                      color: Color(0xFFF5F6F9),
                      onPressed: () {},
                      // TODO: Icon not centered.
                      child: Center(child: Icon(Icons.camera_alt_outlined)),
                    )))
          ],
        ),
      );
  </code></pre>