Props
一般用在自定义组件的时候，内部需要传递参数时使用。
自定义组件：this.props.key中key就是外部组件在使用时传递参数的key
使用时：<自定义组件名 key='value'> value就是传递的参数
class Greeting extends Component {
render() {
return (
<Text>this.props.name=={this.props.name}</Text>
);
}
}
export default class LotsOfGreetings extends Component {
render() {
return (
<View style={{alignItems: 'center'}}>
<Greeting name='Rexxar' />
<Greeting name='Jaina' />
<Greeting name='Valeera' />
</View>
);
}
}
注意：父子控件传递参数时也使用this.props.key来传递。
State
作用：类似于全局的静态变量，想修改某个属性，就修改界面，就需要用state。
初始化、定义state属性：
方法一：
constructor(props){
super(props);
this.state = {
currentIndex: 0,
}
}
方法二：
state = {
currentIndex: 0,
}
修改state属性
this.setState({
num : numberValue
});
注意：
this.state定义一般写在constructor方法中
获取屏幕尺寸：
const Dimenis = require('Dimensions');
const {width, height, scale} = Dimensions.get('window');
显示变量：
<Text>{width}</Text>
<Text>{height}</Text>
<Text>{scale}</Text>
获取DOM元素：
使用ref来进行DOM元素的获取
//声明
<View ref='name'></View>
//获取
this.refs.name
