title: unable to stack 5 circles on each other in flutter
body: <p>What i am trying to achieve is:
  <a href="https://i.stack.imgur.com/856Ap.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/856Ap.jpg" alt="enter image description here" /></a>
  what i have achieved and stuck on is:
  <a href="https://i.stack.imgur.com/5hwvw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5hwvw.png" alt="enter image description here" /></a>
  i am using inkwell widget inside a container</p>
  <p>Code:</p>
  <pre><code>Container(
                  alignment: Alignment.center,
                  child: InkWell(
                    child: new Container(
                      width: 120.0,
                      height: 120.0,
                      padding: const EdgeInsets.all(20.0),//I used some padding without fixed width and height
                      decoration: new BoxDecoration(
                        shape: BoxShape.circle,// You can use like this way or like the below line
                        //                borderRadius: new BorderRadius.circular(30.0),
                        color: Colors.white,
                      ),
                      child: new Text(&quot;&quot;, style: new TextStyle(color: Colors.black, fontSize: 30.0, fontWeight: FontWeight.bold)),
                      alignment: Alignment.center,
                      // You can add a Icon instead of text also, like below.
                      //child: new Icon(Icons.arrow_forward, size: 50.0, color: Colors.black38)),
                    ),
  </code></pre>
  <p>please help.</p>