RN基础知识-布局

使用FlexBox布局
1. 主轴方向：flexDirection: row/row-reverse/cloumn/cloumn-reverse (react-native的话默认以列排列)
2. 是否换行：flexWrap: nowrap/wrap/wrap-reverse(默认不换行)
  1. wrap换行之后第一行在上面
  2. wrap-reverse换行之后第一行在下面
3. 顺着主轴的对齐方式：justifyContent: flex-start/flex-end/center/space-between/space-around (默认为flex-start)
4. 顺着侧轴的对其方式：alignItems：flex-start | flex-end | center | baseline | stretch;
尺寸没有单位，代表与设备无关的独立像素:android解释为dp，ios上为sp　
一些边距，都为不带单位的num
1. 外边距：margin | marginLeft | marginRight | marginTop | marginBottom
2. 内边距：padding | paddingLeft | paddingRight | paddingTop | paddingBottom
3. 边缘：left | right | top | bottom