用于展現文字的 和Android中TextView差不多
<View>
<Text style={styles.itemText}>我是一個 /*最外層的Text的樣式可以對里面的Text的進行復用*/
<Text style={{color:'red',fontSize:44}}>
好學生
</Text>
</Text>
</View>
當然你也可以自定義Text 用于統一的管理你文本器
class HeadText extends Component{
render(){
return (
<Text style={[styles.itemText,{color:'pink'}]}>
{this.props.children}
</Text>
);
}
}
其他地方進行引用
export default class App extends Component<{}> {
render() {
return (
<View>
<HeadText>
我是一個好學生
</HeadText>
</View>
/*<View style={styles.container}>
<View style={[styles.item,styles.itemOne]}>
<Text style={styles.itemText}>
1
</Text>
</View>
<View style={[styles.item,styles.itemTwo]}>
<Text style={styles.itemText}>
2
</Text>
</View>
<View style={[styles.item,styles.itemThree]}>
<Text style={styles.itemText}>
3
</Text>
</View>
</View>*/
);
}
}
``
