TextOverflow.visible vs TextOverflow.clip，有什么区别？

Question

Text(
  'This question is posted on Stack Overflow',
  style: TextStyle(fontSize: 60),
  overflow: TextOverflow.clip, // TextOverflow.visible does the same thing
  softWrap: false,
)

那么，TextOverflow.visible 和 TextOverflow.clip 之间有什么区别，因为它们似乎都在做同样的工作。

注意：请不要只分享文档中写的内容，提供示例。

Answer 1

TextOverflow.visible 不会剪辑像 TextOverflow.clip

这样的溢出文本

例如，让我们创建这两个容器：

// Container with visible text
Container(
    color: Colors.red,
    width: 100,
    height: 30,
    child: Text(
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
        overflow: TextOverflow.visible,
    ),
),

// Container with clipped text
Container(
    color: Colors.red,
    width: 100,
    height: 30,
    child: Text(
        'Lorem ipsum dolor sit amet, consectetur adipiscing elit',
        overflow: TextOverflow.clip,
    ),
),

我们可以看到不同之处：

TextOverflow.visible vs TextOverflow.clip，有什么区别？

TextOverflow.visible vs TextOverflow.clip, what's the difference?

flutter

flutter-layout