title: overlay a widget flutter
body: <p>I'm writing an application with flutter. My problems are that I have to overlay a container with a card like this:</p>
  <p><a href="https://i.stack.imgur.com/y2wMX.png" rel="nofollow noreferrer">image</a></p>
  <p>I don't know how to overlay the widget with the text food.</p>
  <p>update:</p>
  <p>I tried with the code below but without the results that I want.</p>
  <pre><code>class _ProductsScreenState extends State&lt;ProductsScreen&gt; {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        backgroundColor: kBackgroundColor,
        body: Stack(
          children: [
            SafeArea(
              child: Column(
                children: [
                  TextNameApp(),
                  ContainerCard(
                    child: Column(
                      children: [
                        Positioned(
                          child: Container(
                            alignment: Alignment.topCenter,
                            padding: EdgeInsets.only(right: 20.0, left: 20.0),
                            child: Container(
                              height: 100.0,
                              width: 250.0,
                              child: Card(
                                color: Colors.white,
                                shape: RoundedRectangleBorder(
                                  borderRadius: BorderRadius.circular(45.0),
                                ),
                                elevation: 4.0,
                              ),
                            ),
                          ),
                        ),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>
  <p>Container card is a widget that I have create. Have the same function of a container.</p>
  <p><a href="https://i.stack.imgur.com/18zIN.jpg" rel="nofollow noreferrer">this is how the widget is now</a></p>