这里的自定义不是通过继承的方式,而是通过组合
一、例子1
class MovieTalk extends Component {
render() {
return (
<View style={styles.container}>
<HeaderText>hello</HeaderText>
</View>
)
}
}
class HeaderText extends Component{
render(){
return (
<Text style={styles.headerText}>
{this.props.children}
</Text>
)
}
}
let styles = StyleSheet.create({
container:{
flex:1,
alignItems:"center"
},
headerText:{
fontSize: 60,
fontWeight:'bold'
}
})
export default MovieTalk
自定义HeaderText组件