Props（属性）State（状态） Flexbox

使用两种数据来控制一个组件：props和state. props 是在父组件中指定，而且一经指定，在被指定的组件的生命周期中则不再改变。 对于需要改变的数据，我们需要使用state

1.props唯一必须的就是在render方法中返回一些用于渲染结构的JSX语句。

2.AppRegistry模块则是用来告知React Native哪一个组件被注册为整个应用的根容器

3.在创建一个图片时，可以传入一个名为source的prop来指定要显示的图片的地址，以及使用名为style的prop来控制其尺寸。

4.需要在constructor中初始化state，然后在需要修改时调用setState方法

5.在组件样式中使用flex可以使其在可利用的空间中动态地扩张或收缩。一般而言我们会使用flex:1来指定某个组件扩张以撑满所有剩余的空间。如果有多个并列的子组件使用了flex:1，则这些子组件会平分父容器中剩余的空间。如果这些并列的子组件的flex值不一样，则谁的值更大，谁占据剩余空间的比例就更大（即占据剩余空间的比等于并列组件间flex值的比）。组件能够撑满剩余空间的前提是其父容器的尺寸不为零。如果父容器既没有固定的width和height，也没有设定flex，则父容器的尺寸为零。其子组件如果使用了flex，也是无法显示的。

6.规定某个组件的子元素的布。使用flexDirection、alignItems和justifyContent三个样式属性就已经能满足布局需求

flexDirection:   可以决定布局的主轴。子元素是应该沿着水平轴(row)（从左往右）row-reverse（右往左）方向排列，还是沿着竖直轴(column 往下 column-reverse 往上)方向排列呢？默认值是竖直轴(column)方向。

justifyContent:   可以决定其子元素沿着主轴的排列方式。子元素是应该靠近主轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有：flex-start、center、flex-end、space-around以及space-between。

alignItems:  可以决定其子元素沿着次轴（与主轴垂直的轴，比如若主轴方向为row，则次轴方向为column）的排列方式。子元素是应该靠近次轴的起始端还是末尾段分布呢？亦或应该均匀分布？对应的这些可选项有：flex-start、center、flex-end以及stretch