Flutter how to center the child of a Container which has flexible constraints

Question

I am trying to build a message box like the ones used in messenger apps(ex: Whatsapp).

Without trying to centralize the Text :

Container must be flexible on both height and width based on the lenght of the message(string) it contains.

This is my code for it

Container(
         constraints: BoxConstraints(minHeight: 40,maxHeight: 200,maxWidth: 300,minWidth: 40),
         decoration: BoxDecoration(
           borderRadius:  BorderRadius.circular(40),
         ),
         child: Padding(
           padding: const EdgeInsets.fromLTRB(15,0,15,0),
           child: new Text(msg,maxLines: null,),
         ),
    )

However whenever I try to center the text(including padding) Widget, Container is being forced to it's maximum constraints. These are some of the methods I tried

• Using e Center widget
• Using alignment property of the Container
• wrapping child with Column and using mainAxisAlignment.center

All of these methods result the same :

Is there any way to center the Text widget and do not manipulate the box constraint doing it ?

Answer 1

Try this:

Container(
  constraints: BoxConstraints(minHeight: 40, maxHeight: 200, maxWidth: 360, minWidth: 40),
  decoration: BoxDecoration(color: Colors.grey, borderRadius: BorderRadius.circular(40)),
  padding: const EdgeInsets.fromLTRB(15, 0, 15, 0),
  child: Column(
    mainAxisSize: MainAxisSize.min,
    mainAxisAlignment: MainAxisAlignment.center,
    children: <Widget>[
      Text("Very long message"),
    ],
  ),
);