ReactNative-CSS布局(二)

1.组件边框

borderBottomWidth
borderLeftWidth
borderRightWidth
borderTopWidth
borderWidth
borderColor
borderColor

2.组件大小

width
width

3.组件外边距

  • 第一个组件参照父控件,其他组件参照上一个组件
  • marginRight和width冲突
    margin
    marginBottom
    marginHorizontal
    marginLeft
    marginRight
    marginTop
    marginVertical

4.组件内边距

  • 自己的子控件相对于自己的位置
    padding
    paddingBottom
    paddingHorizontal
    paddingLeft
    paddingRight
    paddingTop
    paddingVertical

5.绝对定位与相对定位

  • 绝对定位:参照父控件定位
  • 相对定位:参照自己的原始位置定位
    left number 左边缘
    right number 右边缘
    top number 顶部边缘
    bottom number 底部边缘
    position: absolute/relative

你可能感兴趣的:(ReactNative-CSS布局(二))