☰

How do I make text bold, italic, or underline in React Native? Ask Question

tag-icon • tag-icon react-native react-native-text
How do I make text bold, italic, or underline in React Native? Ask Question

驚くべきことに、Stack Overflowにはまだこれらすべてをまとめた質問がありません。SOには斜体や下線に関する回答はなく、この質問太字で示します。この質問に私は以下で自ら答えました。

ベストアンサー1

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

Snack で動作するデモ:https://snack.expo.io/BJT2ss_y7

おすすめ記事