react-native 的 Text 多余的显示省略号

 

当字数太多的时候我们需要省略号来显示多余的字，使用Text的属性

1：显示几行(numberOfLines)

<Text numberOfLines={1}/>

2：省略号显示的位置(ellipsizeMode)   可以是以下几个值tail、head、 middle、clip

默认的是tail (尾部) 

头部 head

中间 middle

从尾部截掉 clip

<Text numberOfLines={1} ellipsizeMode={'tail'}>
————————————————
版权声明：本文为优快云博主「hanson_judy」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/ahzhaihui/article/details/85693690