Flutter如何保证最小剩余空间答案

【问题标题】：Flutter how to guarante minimum left spaceFlutter如何保证最小剩余空间
【发布时间】：2021-01-29 22:26:20
【问题描述】：

让我提供一张图片：

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

现在我正在使用堆栈，所以在矩形中我有：

text in container, expanded 在整个宽度上与 TextAlign.Center
屏幕右侧 (O1) 上的小矩形。（positioned 小部件与 left: 0）

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

如何确保适用于长文本（要与 O1 重叠的文本）的文本的最小左侧起始位置？ 即如果文本要与 O1 重叠，则将文本向右移动。 (O1 宽度 = 16)

我尝试了什么？

向文本容器添加左边距/填充。它适用于想要重叠 O1 的长文本。但它不适用于较小的文本。因为TextAlign.center 在文本之后适用。所以这个文本在最大的矩形中看起来并不居中，只是在较小的矩形中。

【问题讨论】：

不要解释您的代码，而是添加一些您编写的有用代码 sn-p。

标签： flutter flutter-layout

【解决方案1】：

您可以在 Text Widget 中使用溢出。

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

只需尝试here 的方法，看看哪一种最适合您。如果文本试图溢出其容器（进入 O1），这应该可以工作。

【讨论】：