wake-up-neo.com

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.

12
James Ko
<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

24
James Ko
<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
},
2
Shivo'ham 0