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>
);
}
}