title: How to overlay Widget over background widget in flutter?
body: <p>I want to overlay a <strong>add to cart</strong> button on background restaurants list, <a href="https://stackoverflow.com/questions/49402837/flutter-overlay-card-widget-on-a-container">Overlay card widget on container</a> explains it can be done by <strong>Stack</strong> but I tried and still not getting how to do it. Kindly help me to know how can I do it?</p>
  
  <p>Expected Design </p>
  
  <p><a href="https://i.stack.imgur.com/V8VoZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V8VoZ.png" alt="enter image description here"></a></p>
  
  <p>Result Image</p>
  
  <p><a href="https://i.stack.imgur.com/ucw0u.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ucw0u.png" alt="enter image description here"></a></p>
  
  <p>detailpage.dart</p>
  
  <pre><code> @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Wrap(
          children: &lt;Widget&gt;[
            Container(...),
            Container(...),
            Stack(
              children: &lt;Widget&gt;[
                Center(
                  child: MaterialButton(
                    onPressed: () {},
                    textColor: Colors.white,
                    padding: const EdgeInsets.all(0.0),
                    child: Container(
                      width: 88,
                      height: 30,
                      decoration: BoxDecoration(
                          color: Color(0xff00D99E),
                          borderRadius: BorderRadius.circular(15),
                          boxShadow: [
                            BoxShadow(
                                blurRadius: 8,
                                offset: Offset(0, 15),
                                color: Color(0xff00D99E).withOpacity(.6),
                                spreadRadius: -9)
                          ]),
                      child: Row(
                        mainAxisAlignment: MainAxisAlignment.center,
                        children: &lt;Widget&gt;[
                          Image.asset('assets/icon-chat-notification.png'),
                          SizedBox(width: 6),
                          Text("CART",
                              style: TextStyle(
                                fontSize: 10,
                                color: Colors.white,
                                letterSpacing: 1,
                              ))
                        ],
                      ),
                    ),
                  ),
                )
              ],
            )
          ],
        ),
        bottomNavigationBar: bottomNavigationBar,
      );
    }
  </code></pre>