react-native支持哪些style样式?

 

    1. ReactNative中能使用的css样式有哪些呢
      Valid style props: [

        "alignItems",

        "alignSelf",

        "backfaceVisibility",

        "backgroundColor",

        "borderBottomColor",

        "borderBottomLeftRadius",

        "borderBottomRightRadius",

        "borderBottomWidth",

        "borderColor",

        "borderLeftColor",

        "borderLeftWidth",

        "borderRadius",

        "borderRightColor",

        "borderRightWidth",

        "borderStyle",

        "borderTopColor",

        "borderTopLeftRadius",

        "borderTopRightRadius",

        "borderTopWidth",

        "borderWidth",

        "bottom",

        "color",

        "elevation",

        "flex",

        "flexDirection",

        "flexWrap",

        "fontFamily",

        "fontSize",

        "fontStyle",

        "fontWeight",

        "height",

        "justifyContent",

        "left",

        "letterSpacing",

        "lineHeight",

        "margin",

        "marginBottom",

        "marginHorizontal",

        "marginLeft",

        "marginRight",

        "marginTop",

        "marginVertical",

        "opacity",

        "overflow",

        "overlayColor",

        "padding",

        "paddingBottom",

        "paddingHorizontal",

        "paddingLeft",

        "paddingRight",

        "paddingTop",

        "paddingVertical",

        "position",

        "resizeMode",

        "right",

        "rotation",

        "scaleX",

        "scaleY",

        "shadowColor",

        "shadowOffset",

        "shadowOpacity",

        "shadowRadius",

        "textAlign",

        "textAlignVertical",

        "textDecorationColor",

        "textDecorationLine",

        "textDecorationStyle",

        "textShadowColor",

        "textShadowOffset",

        "textShadowRadius",

        "tintColor",

        "top",

        "transform",

        "transformMatrix",

        "translateX",

        "translateY",

        "width",

        "writingDirection"]

    2. style使用内连方式 style={{flex:1,borderColor:'red'}}
    3. style包裹使用style={[styles.style1,styles.style2]}
    4. 同时包裹样式和内连style={[styles.style1,{flex:1,borderWidth:1}]}

posted on 2017-05-26 15:55  飞哥100  阅读(1631)  评论(0)    收藏  举报

导航