1. ホーム
  2. react-native

[解決済み] React Nativeでテキストを太字、斜体、下線にするにはどうすればよいですか?

2022-02-09 11:34:54

質問

意外なことに、これらをまとめた質問はまだStack Overflowにはありません。SOではイタリックやアンダーラインに関する回答はなく、実際にあるのは この質問 太字の場合。以下、この質問に自己回答してみました。

どのように解決するのですか?

<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