react-native自定义组件

这里的自定义不是通过继承的方式,而是通过组合

一、例子1


class MovieTalk extends Component {
    render() {
        return (
          
            hello
          
        )
    }
}

class HeaderText extends Component{
  render(){
    return (
      
        {this.props.children}
      

    )
  }
}

let styles = StyleSheet.create({
  container:{
    flex:1,
    alignItems:"center"
  },
  headerText:{
    fontSize: 60,
    fontWeight:'bold'
  }
})

export default MovieTalk
react-native自定义组件_第1张图片
自定义HeaderText组件

你可能感兴趣的:(react-native自定义组件)