颤动中选定选项卡文本中的淡入淡出动画。即使不透明度为零，选定的选项卡文本也会占用 space

Question

我在 flutter 应用程序中有四个选项卡。每个选项卡都有一个子 AnimatedContainer 每个选项卡都有图标和文本，但文本仅对选定的选项卡可见。（容器的宽度增加并出现文本）。我将淡入淡出动画应用于文本，以便文本在被选中时淡入。但是直到有足够的宽度可用于显示文本时，才会看到文本溢出。

如何实现才能使文本不溢出？

下面的 link 说明了问题。

谢谢！！

Answer 1

您应该将 Text 包装在 Flexible 小部件中，并将 softWrap:false 属性 添加到 Text:

new Flexible(
    child: Text(
      "Very, very, very, long text...",
      softWrap: false,
    )
)

关于 Text 属性 overflow 的信息也许对您有用： https://docs.flutter.io/flutter/rendering/TextOverflow-class.html

这个 link 向您展示如何使用 overflow 属性：

祝你好运！