title: Positioning a Widget in the end of the Row widget
body: <p>I'm just stuck here. I've tried everything but nothing works for me. All I want is to position the <code>Icon</code> on the right of my <code>Row</code>.</p>
  <p>Note: I've tried setting all widget inside the row into a <code>Align</code> Widget and handle the position of that Align widget, but nothing worked. The code below is retrieving this:</p>
  <p><a href="https://i.stack.imgur.com/8xJ5f.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/8xJ5f.jpg" alt="enter image description here" /></a></p>
  <p>This arrow, should go to the end of the <code>Row</code> widget.
  Here is my Code:</p>
  <pre><code>Row(
      mainAxisAlignment: MainAxisAlignment.start, //change here don't //worked
      crossAxisAlignment: CrossAxisAlignment.center,
      children: &lt;Widget&gt;[
        Container(
          margin:
              EdgeInsets.only(left: 8.0, top: 8.0, bottom: 8.0, right: 12.0),
          width: 15.0,
          height: 15.0,
          decoration: BoxDecoration(
              color: task.color, borderRadius: BorderRadius.circular(40.0)),
        ),
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: &lt;Widget&gt;[
            Text(
              task.title,
              style: TextStyle(
                  color: Colors.black,
                  fontSize: 19.0,
                  fontWeight: FontWeight.bold),
            ),
            Text(
              'Duration: ${task.date}',
              style: TextStyle(color: Colors.black, fontSize: 14.0),
            )
          ],
        ),
        Icon(Icons.navigate_next, color: Colors.black) // This Icon
      ],
    ),
  </code></pre>