React Native常用样式
React native 常用的一些样式
跟css很多都是类似的，只是写法的不同，也有个别不同。记下来，浏览用。意义基本上可以根据字面理解出。
"justifyContent": "flex-start"/"center"/"flex-end"/"space-around"/"space-between"/"space-evenly" // 主轴对齐方式
"alignContent", // 多轴对齐方式
"alignItems": "flex-start"/"center"/"flex-end"/"stretch"
"alignSelf",
"aspectRatio",
"backfaceVisibility",
"backgroundColor",
"borderBottomColor",
"borderBottomEndRadius",
"borderBottomLeftRadius",
"borderBottomRightRadius",
"borderBottomStartRadius",
"borderBottomWidth",
"borderColor",
"borderEndColor",
"borderEndWidth",
"borderLeftColor",
"borderLeftWidth",
"borderRadius",
"borderRightColor",
"borderRightWidth",
"borderStartColor",
"borderStartWidth",
"borderStyle",
"borderTopColor",
"borderTopEndRadius",
"borderTopLeftRadius",
"borderTopRightRadius",
"borderTopStartRadius",
"borderTopWidth",
"borderWidth",
"bottom",
"color",
"decomposedMatrix",
"direction",
"display",
"elevation",
"end",
"flex",
"flexBasis",
"flexDirection",
"flexGrow",
"flexShrink",
"flexWrap",
"fontFamily",
"fontSize",
"fontStyle",
"fontVariant",
"fontWeight",
"height",
"includeFontPadding",
"left",
"letterSpacing",
"lineHeight",
"margin",
"marginBottom",
"marginEnd",
"marginHorizontal",
"marginLeft",
"marginRight",
"marginStart",
"marginTop",
"marginVertical",
"maxHeight",
"maxWidth",
"minHeight",
"minWidth",
"opacity",
"overflow",
"overlayColor",
"padding",
"paddingBottom",
"paddingEnd",
"paddingHorizontal",
"paddingLeft",
"paddingRight",
"paddingStart",
"paddingTop",
"paddingVertical",
"position",
"resizeMode",
"right",
"rotation",
"scaleX",
"scaleY",
"shadowColor",
"shadowOffset": {width: 0, height: 3},
"shadowOpacity",
"shadowRadius",
"elevation": 4, // 使安卓阴影生效，不过颜色灰色不可改
"start",
"textAlign",
"textAlignVertical",
"textDecorationColor",
"textDecorationLine",
"textDecorationStyle",
"textShadowColor",
"textShadowOffset",
"textShadowRadius",
"tintColor",
"top",
"transform": [{scaleX: String}, {rotate: String}, ...]
"transformMatrix",
"translateX",
"translateY",
"width",
"writingDirection",
"zIndex"还有一些可能我们常用的css样式是加到组件属性里了的，可以查看官网相关组件的属性介绍。比如文本超出显示省略号：