React Native 在 React Native iOS Android 中创建省略号剪切文本或如何在 React Native 中用点隐藏额外的文本

Question

<Text style={styles.TextStyle}> 
  This is the Sample Ellipsis Text for Ellipsis from Start.This is the Sample Ellipsis Text for Ellipsis from Start.This is the Sample Ellipsis Text for Ellipsis from Start.
</Text>

如果内容超出我需要显示的范围，我想使用点

Answer 1

答案numberOfLines的参考。只需使用 numberOfLines 数量，如果您输入 numberOfLines = { 2 }，它将显示 2 行，额外的文本将以点表示。

<Text style={styles.TextStyle} numberOfLines = { 1 } ellipsizeMode = 'head'> 
  This is the Sample Ellipsis Text for Ellipsis from Start.This is the Sample Ellipsis Text for Ellipsis from Start.This is the Sample Ellipsis Text for Ellipsis from Start.
</Text>