Dynamic height Container based on Child Text widget

Question

I want to achieve dynamic container height based on child Text widget. Text String received from server and dynamic. So whenever I fetch it that should seen properly inside Container. I have used following code:

Container(
  width:  MediaQuery.of(context).size.width*.93,
  height:  MediaQuery.of(context).size.height*.20,
  child: Text(strTips, style: TextStyles.knowYourImpact, ),
 )

For reference I am adding image.

Answer 1

You can use the Flexible widget:

According to the docs:

A widget that controls how a child of a Row , Column , or Flex flexes.

Using a Flexible widget gives a child of a Row , Column , or Flex the flexibility to expand to fill the available space in the main axis (eg, horizontally for a Row or vertically for a Column ),

Container(
    child: Row(
         children: <Widget>[
            Flexible(
                child: Text(strTips, style: TextStyles.knowYourImpact, ))
             ],
         ));