ReactNative-自定义类和组件(八)

2017-10-15  本文已影响16人  攻克乃还_

一、自定义类

export default class Person {
    static defaultProps = {
        abc:10
    }
    // 定义属性 : =
    age=10;
    // 定义方法
    eat(){
        console.log('吃');
    }
    static money = 10;
    static eat(){
        console.log('类方法-吃');
    }
}

二、自定义组件

import React, {Component,PropTypes} from 'react'

// 2.导入常用组件,注册组件,样式组件,View组件,Text组件
import
{
    AppRegistry,
    StyleSheet,
    Text,
    View,
    TouchableOpacity,
    Button,
    TextInput,
    Image,
    Dimensions
}
    from 'react-native'
// 自定义组件
export default class XMGCompoent extends Component{
    
    render(){
        console.log(this)
        return (
          <View style={{backgroundColor:'red',flex:1,alignItems:'center',justifyContent:'center'}}>
          </View>
        );
    }
}
上一篇下一篇

猜你喜欢

热点阅读