RN基础知识-布局

1. 使用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;

      

2. 尺寸没有单位，代表与设备无关的独立像素:android解释为dp，ios上为sp　
3. 一些边距，都为不带单位的num
   1. 外边距：margin | marginLeft | marginRight | marginTop | marginBottom
   2. 内边距：padding | paddingLeft | paddingRight | paddingTop | paddingBottom
   3. 边缘：left | right | top | bottom