'Flutter text layout

I want to position my time text on top or bottom on the left side of the bubble chat like Line app messanger.

Here is what I have:

enter image description here

Currently it is positioned on the center on the left side of the bubble.

This is what I want:

enter image description here

And this is my code:

Row(
  mainAxisAlignment: MainAxisAlignment.end,
  children: [
    Column(
      crossAxisAlignment: CrossAxisAlignment.end,
      children: [
        Text(sendStatus,
        style: TextStyle(
          fontSize: 11
        ),),
        Text(date,
        style: TextStyle(
          fontSize: 11
        ),)
      ],
    ),
    Container(
      child: Align(
        alignment: Alignment.topRight,
        child :  Column(
        children: <Widget>[
          Stack(
            overflow: Overflow.visible,
            children: <Widget>[
              Container(
                child:  Align(
                  alignment: Alignment.topRight,
                  child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: <Widget>[
                  Container(
                  padding: EdgeInsets.symmetric(horizontal: 12,vertical: 12,),
                    margin: EdgeInsets.symmetric(horizontal: 10,vertical: 2),
                    decoration: BoxDecoration(
                      color: Color(0xFF2381d0),
                      borderRadius: BorderRadius.circular(5),
                    ),
                    child: Container(
                      constraints: BoxConstraints(maxWidth: 250),
                      child: Text(
                          message,
                          style: TextStyle(fontSize: 16,color: Colors.white),
                          textAlign: TextAlign.left,
                        maxLines: 100,
                        overflow: TextOverflow.ellipsis,
                        ),
                    ),

                  ),
                    SizedBox(width: 5,),
                  ],
                ),
                ),
              ),
              ...
            ],
          ),
        ],
      ),
      ),
    ),
  ],
);

Is there any solution?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source