令人惊讶的是,在 Stack Overflow 上还没有一个问题可以将这些问题组合在一起。斜体或下划线没有关于SO的答案,事实上,只有这个问题是粗体。我在下面自我回答了这个问题。
问问题
156875 次
5 回答
167
<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
于 2018-05-27T22:06:15.340 回答
60
<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
},
于 2019-08-05T10:16:39.113 回答
13
仅使用
<Text style={styles.textStyle}>I'm Underline!</Text>
const styles = StyleSheet.create({
textStyle: {
textDecorationLine: 'underline'
}
})
其他装饰品有:
- 没有任何
- 强调
- 直通
- 下划线
于 2021-05-19T11:41:51.700 回答
10
只有一条线的解决方案
<Text style={{fontStyle: 'italic', fontWeight: 'bold', textDecorationLine: 'underline'}}>Bold, Italic & Underline Text</Text>
于 2020-02-11T13:04:22.497 回答
7
您可以在此页面中查看所有可能的 att https://reactnative.dev/docs/text
例如 ...
textDecorationLine: enum('none', 'underline', 'line-through', 'underline line-through')
于 2020-07-22T17:46:49.410 回答