title: Flutter: stack not aligning with widgets
body: <p>Im trying to make a filled color to be the background of a circular avatar, but for some reason it is not aligning correctly, with the circular avatar being off center from the Container. My current widget looks like this:</p>
  <p><a href="https://i.stack.imgur.com/qukcb.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qukcb.jpg" alt="enter image description here" /></a></p>
  <p>And code looks like this:</p>
  <pre><code>Padding(
                          padding: const EdgeInsets.only(left: 10, right: 10),
                          child: Center(
                              child: Stack(
                            children: [
                              Container(
                                width: 180,
                                height: 180,
                                decoration: BoxDecoration(
                                    shape: BoxShape.circle,
                                    color: Color.fromARGB(255, 228, 53, 0)),
                              ),
                              CircleAvatar(
                                  radius: 40,
                                  backgroundImage: NetworkImage(
                                      state.stingrays[rowIndex]!.imageUrls[0])),
                            ],
                          )),
                        ),
  </code></pre>
  <p>Any ideas?
  Thanks!</p>