title: how to align icon to the top right corner of the Container
body: <p>How to achieve the following design in Flutter?</p>
  <p>I wanted to implement</p>
  <p><a href="https://i.stack.imgur.com/cFtqg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cFtqg.png" alt="This" /></a></p>
  <p>but I get this result</p>
  <p><a href="https://i.stack.imgur.com/jYXFi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jYXFi.png" alt="this" /></a></p>
  <p>I have three Containers. Main container inside that two more container placed horizontally And I want to position Icon to the top right corner of the main Container.</p>
  <p>Below is my code</p>
  <pre><code>  Widget build(BuildContext context) {
      return Container(
        margin: EdgeInsets.only(
          top: widget.index != 0 ? 18 : 0,
        ),
        child: Row(children: &lt;Widget&gt;[
            child: Padding(
              padding: const EdgeInsets.symmetric(horizontal: 8.0),
              child: Container(
                width: 354,
                decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(10.0),
                    color: Colors.white,
                    boxShadow: [
                      BoxShadow(
                        color: Colors.grey,
                        offset: Offset(0.0, 1.0), //(x,y)
                        blurRadius: 3.0,
                      ),
                    ],
                    border: Border.all(
                      color: Colors.white,
                      width: 1,
                    )),
                padding: EdgeInsets.only(left: 3),
                child: Row(
                  children: &lt;Widget&gt;[
                    Container(
                      height: 85.0,
                      width: 85.0,
                      decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(12.0),
                        color: Colors.grey.shade50,
                      ),
                      child: Padding(
                        padding: const EdgeInsets.all(10.0),
                        child: Image(
                          image: AssetImage(
                              
               '${widget.restaurantListModelObj.restImage}'),
                        ),
                      ),
                    ),
                    SizedBox(
                      width: 10.0,
                    ),
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: &lt;Widget&gt;[
                        Padding(
                          padding: const EdgeInsets.all(10),
                          child: Row(
                            mainAxisAlignment: 
                     MainAxisAlignment.spaceBetween,
                            children: &lt;Widget&gt;[
                              Text(
                                
                 widget.restaurantListModelObj.restaurantName,'),
                              ),
                              Icon(Icons.bookmark_border_outlined,
                                  color: Colors.orange, size: 17),// this 
          icon i wanted to top right corner of main container.
                            ],
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.all(5.0),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: &lt;Widget&gt;[
                              Text(
                                widget.restaurantListModelObj.foodCategory,
                              ),
                              SizedBox(
                                width: 30,
                              ),
                              Text(
                                '${widget.restaurantListModelObj.distance} Km',
                              ),
                            ],
                          ),
                        ),
                        Padding(
                          padding: const EdgeInsets.all(5.0),
                          child: Row(
                            mainAxisAlignment: MainAxisAlignment.spaceBetween,
                            children: &lt;Widget&gt;[
                              Icon(Icons.star, color: Colors.orange, size: 17),
                              Text(
                                '${widget.restaurantListModelObj.restReview}',
                              ),
                              SizedBox(
                                width: 35,
                              ),
                              Icon(Icons.watch_later_outlined, size: 17),
                              Text(
                                '${widget.restaurantListModelObj.distanceFromLocation} Mins',
                              ),
                              SizedBox(
                                width: 35,
                              ),
                              Text(
                                widget.restaurantListModelObj.restStatus,
                              ),
                            ],
                          ),
                        ),
                      ],
                    )
                  ],
                ),
              ),
            ),
          ),
        ]),
      );
    }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/rj9VR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rj9VR.png" alt="enter image description here" /></a></p>
  <p>I don't understand how to do this.</p>