React Native FlexBox属性

React Native目前支持的FlexBox属性如下(32种),具体怎么使用还需要大家多多练习。接下来我会在使用工程中一一补齐每个属性的用法

  • alignItems ('flex-start', 'flex-end', 'center', 'stretch')
  • alignSelf enum('auto', 'flex-start', 'flex-end', 'center', 'stretch')
  • borderBottomWidth number
  • borderLeftWidth number
  • borderRightWidth number
  • borderTopWidth number
  • borderWidth number
  • bottom number
  • flex number
  • flexDirection enum('row', 'column')
  • flexWrap enum('wrap', 'nowrap')
  • height number
  • justifyContent enum('flex-start', 'flex-end', 'center', 'space-between', 'space-around')
  • left number
  • margin number
  • marginBottom number
  • marginHorizontal number
  • marginLeft number
  • marginRight number
  • marginTop number
  • marginVertical number
  • padding number
  • paddingBottom number
  • paddingHorizontal number
  • paddingLeft number
  • paddingRight number
  • paddingTop number
  • paddingVertical number
  • position enum('absolute', 'relative')
  • right number
  • top number
  • width number

你可能感兴趣的:(React Native FlexBox属性)