如何在 React Native 中将文本设为粗体、斜体或下划线？

Question

令人惊讶的是，在 Stack Overflow 上还没有一个问题将这些问题组合在一起；对于斜体或下划线，还没有关于 SO 的答案，事实上，只有 用于粗体。我在下面自己回答了这个问题。

Answer 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

Answer 2

<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
},

Answer 3

只有一行解决方案

<Text style={{fontStyle: 'italic', fontWeight: 'bold', textDecorationLine: 'underline'}}>Bold, Italic & Underline Text</Text>

Answer 4

你可以在这个页面看到所有可能的att https://reactnative.dev/docs/text

例如...

textDecorationLine: enum('none', 'underline', 'line-through', 'underline line-through')

Answer 5

仅使用

<Text style={styles.textStyle}>I'm Underline!</Text>

const styles = StyleSheet.create({
  textStyle: {
    textDecorationLine: 'underline'
  }
})

其他装饰有：

1. none
2. 下划线
3. 直通
4. 下划线划线