颤振如何保证最小的剩余空间

Question

让我提供一张图片：

我有一个矩形。我在这里放置了两个元素O1和TEXT（带有TextAlign.center）。

现在我正在使用堆栈，因此在矩形中有：

1. {{1}中的text，container的整个宽度为expanded
2. 屏幕右侧的小矩形（O1）。 （带有TextAlign.Center的{​​{1}}小部件）

一切正常，但是在某些情况下，如果文本较长，则文本重叠O1-这是个问题。

如何确保将在长文本（要与O1重叠的文本）上工作的文本的最小左起始位置？，即，如果文本要与O1重叠，则将文本向右移动。 （O1宽度= 16）

我尝试了什么？

在文本容器中添加左边距/填充。 对于想要与O1重叠的长文本，它可以正常工作。但是它在较小的文本上无法正常工作。因为positioned适用于右侧的文本。因此，该文本不会在最大矩形中居中，而只会在较小矩形中居中。

Answer 1

您可以在文本小部件中使用溢出。

new Text(
      'Text largeeeeeeeeeeeeeeeeeeeeeee',
      overflow: TextOverflow.ellipsis,
      style: new TextStyle(
        fontSize: 13.0,
        fontFamily: 'Roboto',
        color: new Color(0xFF212121),
        fontWeight: FontWeight.bold,
      ),
    ),

只需尝试使用here方法，即可确定哪种方法最适合您。如果文本试图溢出其容器（进入O1），它将不会起作用。