Touchable组件

TouchableOpacity:本组件用于封装视图使其可以相应事件.
让其内部的组件半透明.

<TouchableOpacity onPress={this.renderPress()}>
</TouchableOpacity>

//IOS特有调试
AlertIOS.alert()
//ES5和ES6语法的差异.

render函数,程序启动渲染UI时执行

     <View style={styles.container}>
     <Text style={styles.welcome}>{this.props.title}</Text>
     <TouchableOpacity onPress={this.textOnPress}>
     <Text style={styles.instructions}>{this.state.title}</Text>
     </TouchableOpacity>
     <Text style={styles.instructions}>{instructions}</Text>
     </View>
//点击事件
textOnPress = () => {
    this.setState ({
      title:'点击了'
    })
  }


ES5中getInitialState函数,在render函数执行之前执行.
getInitialState () {
    reture {

    }
},

ES6改为constructor
constructor(props) {
    super(props);
    this.state = {
      title:'nihao'
  };
 }

getDefaultProps默认初始化方法改为defaultProps
getDefaultProps (){
    return {
      title:'hahah'
    }
  }

   static defaultProps = {
    title: 'hahah'
  }

ES5和ES6写法区别具体参照:
https://www.jianshu.com/p/75f4d1640da7

组件的生命周期的概念(重点)

开始阶段(实例化)-->重点
1.1 //初始化一些不可改变的值.可以通过this.props.XXX取到值
getDefaultProps(){
}
1.2 //初始化一些可改变的值,一旦调用了getInitialState方法组件就一定会调用render方法.
getInitialState(){
}
1.3 //componentWillMount,相当于viewWillAppear方法
1.4 /componentDidMount,render方法之后.作用:请求网络加载数据.(耗时的复杂的操作)
存在阶段(显示阶段)
事件处理的循坏
销毁阶段(将要销毁阶段)
componentWill相当于OC中的内存警告.