title: How to align a Widget within a Column?
body: <p>I want to align my button to the right. Right now I am accomplishing it with a Row that has <code>mainAxisAlignment</code> set to<code>MainAxisAlignment.end</code> like in the example below. However that seems not a good way because it is a lot of code and I don't think that is the way of doing it.</p>
  <p>I already tried the <code>Align</code> widget, but that is not working. I guess because it is not expanding the inner widget and therefore the <code>Alignment.centerRight</code> is doing nothing.</p>
  <p><strong>The code I use right now:</strong></p>
  <pre><code>new Row(
    crossAxisAlignment: CrossAxisAlignment.center,
    mainAxisAlignment: MainAxisAlignment.end,
    children: &lt;Widget&gt;[
      new FlatButton(
            onPressed: _navigateToPreparationStepsWidgetClicked,
            child: new Row(
              children: &lt;Widget&gt;[
                new Text(
                  'View Preparation Steps'.toUpperCase(),
                  style: new TextStyle(
                      fontWeight: FontWeight.bold),
                ),
                new Icon(Icons.keyboard_arrow_right)
              ],
            ))
    ],
  )
  </code></pre>
  <p>What is the proper way to align e.g. a <code>Button</code> within e.g. a <code>Column</code>?</p>