RN 基础

一 . 使用 {} 和 () 的情况

1.ReactNative中，使用表达式的时候需要用{}包住


style={styles.mainStyle}




2.ReactNative中,在字符串中使用变量的时候，需要用{}包住

var str = 'hello'

<Text>{str}</Text>

3.ReactNative中，对象，字典需要用{}包住


<View style={{flex:1}}></View>

1.创建组件<View></View>，必须要用()包住


render(){


return (


<View style={styles.mainStyle}>


</View>


)


}

二.component 的生命周期

可以详见 : http://blog.csdn.net/ElinaVampire/article/details/51813677 

三. 项目结构介绍
可以详见 : http://www.jianshu.com/p/504a26d094b2

四. padding 和 marging 的使用区别

1.设置组件与组件之间的间距 (想设置自己在父控件的位置的时候使用)

     第一个组件比较特殊，参照父组件，与父控件之间的间距。
     其他组件间距，相对于上一个组件

2.设置子控件与当前控件的位置(想设置自己的子控件相对自己的位置的时候使用)

五. padding 和 marging 的使用区别

justifyContent : 主轴的布局方式      alignItems : 侧轴的布局方式      alignSelf : 自己在侧轴承的布局方式

六. 各种传值

可以详见 : http://www.jianshu.com/p/ec976cdd5b18

七. 设置PropTypes 提示

http://www.jianshu.com/p/73bb6f75ed31