[FIXED] How to Implement Stack Correctly in Flutter?

Issue

Basically I'm new to Flutter and trying to make a design like this -

So I Tried Stack for this but couldn't make it perfect. Here is my code and image

Stack(
   children: [
      Positioned(
         child: Container(
            height: 150,
            width: 150,
            decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(10.0),
               color: Colors.yellow,
               ),
            ),
         ),
      Positioned(
         child: Container(
         height: 250,
         width: 250,
         decoration: BoxDecoration(
            borderRadius: BorderRadius.circular(10.0),
            color: Colors.red,
            ),
         ),
         top: 10,
         left: 5,
         right: 5,
       ),
  ],),

Solution

You will need to give proper positione to each and every Positioned widget.

This code will provide you output which you expact. You can checkout interactive code here.

      Stack(
        children: [
          Positioned(
            left: 125,
            top: 50,
            child: Container(
              height: 250,
              width: 250,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10.0),
                color: Colors.black,
              ),
            ),
          ),
          Positioned(
            left: 100,
            top: 60,
            child: Container(
              height: 300,
              width: 300,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10.0),
                color: Colors.red,
              ),
            ),
          ),
          Positioned(
            left: 75,
            top: 75,
            child: Container(
              height: 350,
              width: 350,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10.0),
                color: Colors.yellow,
              ),
            ),
          ),
        ],
      )

Answered By - Devarsh Ranpara
Answer Checked By - Cary Denson (JavaFixing Admin)