/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Image,
Text,
TouchableHighlight,
View
} from 'react-native';
export default class ViewProject extends Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.baseStyle}>
我是60号字体
<Text style={{fontWeight:'800'}}>
{'\r\n'}我是加粗60号字体
</Text>
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,
justifyContent: 'center',
alignItems:'center',
backgroundColor:'white',
},
baseStyle:{
fontSize:60,
textAlign:'center',
color:'black',
textShadowOffset:{width:5,hegith:5},
textShadowRadius:2,
textShadowColor:'grey'
}
});
AppRegistry.registerComponent('ViewProject', () => ViewProject);
定义阴影效果相关的三个样式键
textShadowOffset
textShadowRadius
textShadowColor