基于子文本小部件的动态高度容器

Question

我想基于子Text小部件实现动态容器高度。从服务器接收到的文本字符串，它是动态的。因此，每当我获取它时，它都应该在Container中正确显示。 我使用了以下代码：

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

供参考，我正在添加图像。

Answer 1

您可以使用Flexible小部件：

根据文档：

  

控制Row，Column或Flex的子代如何弯曲的小部件。

     

使用Flexible小部件可使Row，Column或Flex的子级灵活扩展以填充主轴上的可用空间（例如，水平Row或垂直Column）

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