如何在 Flutter 中向 SelectableText 添加“溢出”？

Posted 2023-05-07

【中文标题】如何在 Flutter 中向 SelectableText 添加“溢出”？

【英文标题】：How to add `overflow` to SelectableText in Flutter?

【发布时间】：2021-07-14 16:12:09

【问题描述】：

有一个SelectableText 小部件可让您选择文本。但是它错过了overflow参数，这是必需的......

是否有任何解决方法可以使它起作用？或者类似的解决方案？ 谢谢！

【问题讨论】：

我认为应该显示所有文本以选择文本。

如果你使用'maxLines'参数，你可以限制垂直传播。

@kuku 不完全是。它会限制行数，但它们会变成可滚动的，这太可怕了......

【参考方案1】：

刚刚经历过。 问题是在SelectableText 的情况下，overflow 没有成为***参数，就像 Flutter 中的 Text 一样，这表明它必须在那里，而不是作为***参数，因为它在TextStyle.

因此，要在 SelectableText 中使用 overflow，请更改

SelectableText(
  text,
  overflow: TextOverflow.ellipsis
)

到

SelectableText(
  text,
  style: TextStyle(
    overflow: TextOverflow.ellipsis,
  ),
)

【参考方案2】：

如果 TextOverflow.clip 效果对你来说已经足够了，那么这对我来说是成功的：

SelectableText("My text"
              maxLines: 1,
              scrollPhysics: NeverScrollableScrollPhysics())