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
网友评论