react-native Text 多余的字数隐藏，并用省略号显示

参考 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 = 'tail' 
	style={width:50}
>
天天天上上大大大大天天上大天
</Text>