React Native 文本超出限制显示省略号

Text组件使用numberOfLines即可实现

• numberOfLines：用来当文本过长的时候裁剪文本。包括折叠产生的换行在内，总的行数不会超过这个属性的限制。

此属性一般和ellipsizeMode搭配使用

• ellipsizeMode：这个属性通常和 numberOfLines 属性配合使用，表示当 Text 组件无法全部显示需要显示的字符串时如何用省略号进行修饰

该属性有如下 4 种取值:

1. head - 从文本内容头部截取显示省略号。例如： "...efg"
2. middle - 在文本内容中间截取显示省略号。例如： "ab...yz"
3. tail - 从文本内容尾部截取显示省略号。例如： "abcd..."
4. clip - 不显示省略号，直接从尾部截断。

默认值为tail.

<View style={[{ borderRightWidth: 0.5, borderColor: 'rgba(239, 196, 136, 0.15)', width: '40%', justifyContent: 'center' }]} >
    <Text numberOfLines={1} style={[styles.content, { marginLeft: 16 }]}>{item[0]}</Text>
</View>