web-dev-qa-db-ja.com

React Nativeでテキストを太字、斜体、または下線にするにはどうすればよいですか?

驚くべきことに、Stack Overflowでこれらをすべてグループ化する質問はまだありません。 SOには斜体または下線の答えはありません。実際、太字の場合は この質問 のみです。この質問には以下のように答えました。

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'}
})

スナックの実演デモ: 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