title: How to make Column child align at left while the other child align at right?
body: <p>Hey I tried to build a chat app like this, and I have a hard time to align the time for each message. I want the chat bubble follow the size of the message, and the time is always on the right side of the message bubble.</p>
  <p><a href="https://i.stack.imgur.com/zobuA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zobuA.png" alt="enter image description here" /></a></p>
  <p>Here is my current code for the message bubble:</p>
  <pre><code>Align(
      alignment: isMe ? Alignment.centerRight : Alignment.centerLeft,
      child: Container(
        padding: EdgeInsets.all(8),
        decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: isMe
                ? BorderRadius.only(
                    topLeft: Radius.circular(8),
                    bottomLeft: Radius.circular(8),
                    bottomRight: Radius.circular(8))
                : BorderRadius.only(
                    topRight: Radius.circular(8),
                    bottomLeft: Radius.circular(8),
                    bottomRight: Radius.circular(8)),
            boxShadow: [
              BoxShadow(
                  offset: Offset(0, 4),
                  blurRadius: 12,
                  color: Colors.black.withOpacity(.04))
            ]),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Container(
                constraints: BoxConstraints(
                  maxWidth: SizeConfig.safeBlockHorizontal * 60,
                  minWidth: SizeConfig.safeBlockHorizontal * 20,
                ),
                child: Text(message)),
            ConstrainedBox(
              constraints: BoxConstraints(
                maxWidth: SizeConfig.safeBlockHorizontal * 60,
                minWidth: SizeConfig.safeBlockHorizontal * 20,
              ),
              child: Row(
                mainAxisSize: MainAxisSize.min,
                mainAxisAlignment: MainAxisAlignment.end,
                crossAxisAlignment: CrossAxisAlignment.end,
                children: [
                  Text(
                    sendAtTime,
                    style: textStyle.copyWith(
                        fontSize: 10, color: Color(0xff999B9D)),
                  ),
                  SizedBox(width: SizeConfig.safeBlockHorizontal * 1),
                  Icon(
                    Icons.check,
                    color: Color(0xffee3124),
                    size: 15,
                  )
                ],
              ),
            ),
          ],
        ),
      ),
    ),
  </code></pre>