Flutter：将列中文本的宽度限制为其他子项的宽度

Question

我试图在 Flutter 中实现这一点，但就是想不通。用图片更容易解释：

我需要文本子项的最大宽度受列中另一个子项的约束（其宽度可变 - 它是 AnimatedContainer，其中宽度在动画中发生变化）。我该怎么做？

这是我到目前为止所得到的，但文本宽度可以尽可能扩大。 This is a similar question，但不能解决问题 - 使用 CrossAxisAlignment.stretch 并不能达到我的需要。

Column(
  mainAxisSize: MainAxisSize.min,
  children: <Widget>[
    AnimatedContainer(
      width: _isSelected ? 100 : 50,
      height: 100,
    ),
    Text(
      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua",
      overflow: TextOverflow.ellipsis,
    ),
  ]
)

Answer 1

您还可以将Text 小部件包装在另一个AnimatedContainer 中，并将相同的条件宽度传递给它，该宽度将传递给它上面的AnimatedContainer。

Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        AnimatedContainer(
          duration: Duration(seconds: 2),
          width: _isSelected ? 100 : 50,
          height: 100,
        ),
        AnimatedContainer(
          duration: Duration(seconds: 2),
          width: _isSelected ? 100 : 50,
          child: Text(
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore",
            overflow: TextOverflow.ellipsis,
          ),
        ),
      ],
    )