bold in react native code example

Example 1: react native italic text

<View flex={1}>
    <Text style={style}>Example of Italic Text</Text>
</View>

const style = StyleSheet.create({
    textAlign: 'center',
    fontWeight: 'bold'
    fontStyle: 'italic'
    fontSize: 20,
});

Example 2: color text react native

// Some code....
<Text 
	// Topic 2: Text Style
	style={styles.headline}>Hi, Lunox!
</Text>

// Some code....

headline: {
	color: 'white', // <-- The magic
	textAlign: 'center', // <-- The magic
	fontWeight: 'bold',
	fontSize: 50,
	backgroundColor: 'purple',
}
// Some code....

Look how I use it here:
https://github.com/Lunox-code/100dayscode-react.native/blob/master/App.js

Example 3: react native ellipsis

// 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>