import React,{Component} from 'react';
import {View,Text,Image,StyleSheet} from 'react-native';
const App=()=>{
return(
<View style={styles.container}>
<Text style={styles.text}>
{/* 设置红色字体样式 */}
<Text style={styles.capitalLetter}>
老陈
</Text>
<Text>打码</Text>
{/* 设置字体加粗 */}
<Text>
小牛<Text style={styles.wordBold}>老牛</Text>哈哈哈
</Text>
{/* 设置斜体 */}
<Text style={styles.italicText}>2020年5月7日</Text>
{/* 设置文字阴影 */}
<Text style={styles.textShadow}>
谢谢大家啦
</Text>
</Text>
</View>
)
}
export default App
const styles=StyleSheet.create({
container:{
alignItems:'center',
marginTop:100,
padding:20
},
text:{
color:'#41cdf4',
},
capitalLetter:{
color:'red',
fontSize:20
},
wordBold:{
fontWeight:'bold',
color:'black'
},
italicText:{
color:'#37859b',
fontStyle:'italic'
},
textShadow:{
textShadowColor:'red',
textShadowOffset:{width:2,height:2},
textShadowRadius:1
}
})
Reactnative字体的样式
最新推荐文章于 2024-07-15 00:32:15 发布