/** * 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
原文链接:https://www.f2er.com/react/304429.html