Wie mache ich Text fett, kursiv oder unterstrichen in React Native?
Überraschenderweise gibt es noch nicht eine Frage, die diese beim Stapelüberlauf alle zusammenfasst. Es gab keine Antwort auf SO für Kursivschrift oder Unterstreichung, tatsächlich nur diese Frage für Fettschrift. Ich habe diese Frage unten selbst beantwortet.
<Text style={styles.bold}>I'm bold!</Text>
<Text style={styles.italic}>I'm italic!</Text>
<Text style={styles.underline}>I'm underlined!</Text>
const styles = StyleSheet.create({
bold: {fontWeight: 'bold'},
italic: {fontStyle: 'italic'},
underline: {textDecorationLine: 'underline'}
})
Arbeitsdemo zu Snack: https://snack.expo.io/BJT2ss_y7
<View style={styles.MainContainer}>
<Text style={styles.TextStyle}>Example of Underline Text</Text>
</View>
TextStyle: {
textAlign: 'center',
fontWeight: 'bold'
fontstyle: 'italic'
fontSize: 20,
textDecorationLine: 'underline',
//line-through is the trick
},