时间戳

首页 > 解决方案 > 基于子文本小部件的动态高度容器

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

问题描述

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

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

作为参考，我正在添加图像。 在此处输入图像描述

标签： flutterdartflutter-layout

解决方案

您可以使用Flexible小部件：

根据文档：

控制 a 、 或 flex 的子级的Row小Column部件Flex。

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

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

推荐阅读