RN基础知识-布局

  1. 使用FlexBox布局
    1. 主轴方向:flexDirection: row/row-reverse/cloumn/cloumn-reverse (react-native的话默认以列排列)
    2. 是否换行:flexWrap: (默认不换行) 
    3. 顺着主轴的对齐方式:justifyContent: flex-start/flex-end/center/space-between/space-around (默认为flex-start) 
    4. 顺着侧洲的对其方式:alignItems:
  2. 尺寸没有单位,代表设备独立的独立像素:android解释为dp,ios上位sp 

  

猜你喜欢

转载自www.cnblogs.com/longlongdan/p/10600695.html