在嵌套的Text组件中,子Text组件将继承它的父Text组件的样式,当使用嵌套的Text组件时,子Text组件不能覆盖从父Text组件继承而来的样式,只能增加父Text组件没有指定的样式。
/**
* 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';
import ImageEqualEnlarge from './ImageEqualEnlarge.js'
export default class ViewProject extends Component {
render() {
return (
<View style={styles.container}>
<Text style={{fontSize:30,textAlign:'center'}}>
我是30号字体
<Text style={{fontWeight:'800'}}>
{'\r\n'}我是加粗30号字体 //如果希望重起一行显示的字符串必须在字符串前加{'\r\n'}否则会接着上一行末显示
<Text style={{color:'black'}}>
{'\r\n'}我是加粗黑色30号字体
</Text>
</Text>
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,justifyContent: 'center',alignItems:'center',backgroundColor:'white',}
});
AppRegistry.registerComponent('ViewProject',() => ViewProject);