React Native 之Text组件嵌套
发布时间:2020-12-15 07:27:31 所属栏目:百科 来源:网络整理
导读:在嵌套的Text组件中,子Text组件将继承它的父Text组件的样式,当使用嵌套的Text组件时,子Text组件不能覆盖从父Text组件继承而来的样式,只能增加父Text组件没有指定的样式。 /** * Sample React Native App * https://github.com/facebook/react-native * @
在嵌套的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'}}>
{'rn'}我是加粗30号字体 //如果希望重起一行显示的字符串必须在字符串前加{'rn'}否则会接着上一行末显示
<Text style={{color:'black'}}>
{'rn'}我是加粗黑色30号字体
</Text>
</Text>
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex:1,justifyContent: 'center',alignItems:'center',backgroundColor:'white',}
});
AppRegistry.registerComponent('ViewProject',() => ViewProject);
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |