参考 https://reactnative.cn/docs/text#numberoflines
numberOfLines
用来当文本过长的时候裁剪文本。包括折叠产生的换行在内,总的行数不会超过这个属性的限制。
此属性一般和ellipsizeMode搭配使用。
ellipsizeMode
这个属性通常和下面的 numberOfLines 属性配合使用,表示当 Text 组件无法全部显示需要显示的字符串时如何用省略号进行修饰。
该属性有如下 4 种取值:
- head - 从文本内容头部截取显示省略号。例如: “…efg”
- middle - 在文本内容中间截取显示省略号。例如: “ab…yz”
- tail - 从文本内容尾部截取显示省略号。例如: “abcd…”
- clip - 不显示省略号,直接从尾部截断。
- The default is tail.
代码
下面的代码就是实现这个Text只有一行,宽度为50,超过50的部分省略,并且在末尾加上省略号
<Text
numberOfLines={
1}
ellipsizeMode