React Native Text 自定义省略号

时间:2021-05-28 10:04:33

标签: react-native ellipsis

我目前正在使用这样的 React Native 的 Text 组件

<Text numberOfLines={2} ellipsizeMode="tail">Some long texts...</Text>

这会呈现这样的文本

First line
Second line…

我想使用不同的省略号,例如, 而不是

End of a long line...

应该是

End of a long line ...More

目前,可能的解决方案是:

  1. 计算字符数并剪切字符串,然后连接自定义省略号。

问题:字体的宽度因字符而异。

  1. 使用 ellipsizeMode="clip" 并使用自定义省略号创建绝对定位的视图。

问题:无法以编程方式判断文本何时被剪切。

有人有解决办法吗?

0 个答案:

没有答案