title: [flutter]Why my column alignment is always center?
body: <p>I declared two columns in a row to layout the text and the icon.</p>
  
  <p>The column for the icon is always center even if I set the <code>mainAxisAlignment</code> with <code>MainAxisAlignment.start</code>.</p>
  
  <p>Here is the code for the card:</p>
  
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/material.dart';
  import 'package:intl/intl.dart';
  import 'package:life_logger/models.dart';
  import 'package:life_logger/screens/entry_editor_screen.dart';
  import 'package:life_logger/widgets/dot.dart';
  
  Wrap buildActivities(Entry entry) {
    var children = &lt;Widget&gt;[];
    var idx = 0;
    entry.activities.forEach((activity) {
      var element = Row(mainAxisSize: MainAxisSize.min, children: &lt;Widget&gt;[
        Icon(
          activity.iconData,
          color: entry.mood.color,
        ),
        SizedBox(
          width: 3,
        ),
        Text(
          '${activity.description}',
          style: TextStyle(color: Colors.grey),
        ),
      ]);
      children.add(element);
      if (idx &lt; entry.activities.length - 1) {
        children.add(Dot());
      }
      idx++;
    });
    return Wrap(
      children: children,
      spacing: 5,
      crossAxisAlignment: WrapCrossAlignment.center,
    );
  }
  
  Widget buildEntryRow(Entry entry, BuildContext context) {
    var entryRow = GestureDetector(
        onTap: () {
          Navigator.push(
            context,
            MaterialPageRoute(builder: (context) =&gt; EntryEditorScreen(entry)),
          );
        },
        child: Row(
          children: &lt;Widget&gt;[
            // the column for the icon
            Column(
              mainAxisAlignment: MainAxisAlignment.start,
              mainAxisSize: MainAxisSize.max,
              children: &lt;Widget&gt;[
                Container(
                  margin: EdgeInsets.only(left: 8.0, right: 8.0),
                  child: Icon(
                    entry.mood.iconData,
                    color: entry.mood.color,
                    size: 48,
                  ),
                ),
              ],
            ),
            Expanded(
              child: Column(
                children: &lt;Widget&gt;[
                  Row(
                    children: &lt;Widget&gt;[
                      Baseline(
                        baseline: 30.0,
                        baselineType: TextBaseline.alphabetic,
                        child: Text(
                          entry.mood.description,
                          style: TextStyle(
                            color: entry.mood.color,
                            fontSize: 24,
                          ),
                        ),
                      ),
                      Baseline(
                        baseline: 30.0,
                        baselineType: TextBaseline.alphabetic,
                        child: Text(
                          DateFormat.Hm().format(entry.createdAt),
                          style: TextStyle(
                            color: Colors.grey,
                            fontSize: 16,
                          ),
                        ),
                      ),
                    ],
                  ),
                  Row(
                    mainAxisAlignment: MainAxisAlignment.start,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: &lt;Widget&gt;[
                      Expanded(child: buildActivities(entry)),
                    ],
                  ),
                  Row(
                    children: &lt;Widget&gt;[
                      Text(
                        entry.note,
                        style: TextStyle(
                          color: Colors.grey,
                          fontSize: 16,
                        ),
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ],
        ));
    return entryRow;
  }
  
  class EntryCard extends StatefulWidget {
    final List&lt;Entry&gt; entries;
  
    EntryCard(this.entries);
  
    @override
    _EntryCardState createState() =&gt; _EntryCardState();
  }
  
  class _EntryCardState extends State&lt;EntryCard&gt; {
    @override
    Widget build(BuildContext context) {
      var dateRow = Container(
          height: 30,
          decoration: BoxDecoration(
            color: widget.entries[0].mood.color.withOpacity(0.5),
            borderRadius: BorderRadius.all(Radius.circular(4.0)),
          ),
          child: Row(
            children: &lt;Widget&gt;[
              Container(
                margin: EdgeInsets.only(left: 24.5, right: 24.5),
                child: Ring(
                  size: 5.0,
                  color: widget.entries[0].mood.color,
                ),
              ),
              Text(
                DateFormat('EEEEE, M月d日').format(widget.entries[0].createdAt),
                style: TextStyle(
                  color: widget.entries[0].mood.color,
                  fontSize: 14,
                ),
              )
            ],
          ));
      return Card(
          child: Column(
        children: &lt;Widget&gt;[dateRow] +
            widget.entries.map((entry) =&gt; buildEntryRow(entry, context)).toList(),
      ));
    }
  }
  
  </code></pre>
  
  <p>The actual layout as follow:</p>
  
  <p><img src="https://i.imgur.com/kGQofYh.png" alt="Imgur"></p>