Narusan
Narusan
Programming language:Javascript
2021-08-20 14:18:12
0
Q:

react native ellipsis

roopa
roopa
Code: Javascript
2021-08-29 02:00:11 
<Text numberOfLines={1} ellipsizeMode='end'}>
2
Alex1751
Alex1751
Code: Javascript
2021-01-30 17:37:04 
// For Text compoment use numberOfLines and augment with ellipsizeMode
<View style = { styles.MainContainer }>            
  <Text style={styles.TextStyle} numberOfLines = { 1 }  > 
	This is the Sample Ellipsis Text for Ellipsis from End.
  </Text>

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

Tags

Related

New to Communities?

Join the community