在嵌套的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);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。