RN基础知识-布局

1. 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

 

　　

转载于:https://www.cnblogs.com/longlongdan/p/10600695.html