zoukankan      html  css  js  c++  java
  • React Native可用的css属性

      React Native的css名称和css有点点不同,有css基础的很快上手

     "alignItems",在辅轴的排列方向

    flex-start | flex-end | center | stretch

     "alignSelf",主容器内元素在辅轴的排列方向,同alignItems有点类似
      "backfaceVisibility",
      "backgroundColor",——背景颜色
      "borderBottomColor",
      "borderBottomLeftRadius",
      "borderBottomRightRadius",
      "borderBottomWidth",
      "borderColor",
      "borderLeftColor",
      "borderLeftWidth",
      "borderRadius",——容器圆角
      "borderRightColor",
      "borderRightWidth",
      "borderStyle",——solid,dotted,dashed
      "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",
      "maxHeight",
      "maxWidth",
      "minHeight",
      "minWidth",
      "opacity",
      "overflow",
      "overlayColor",——?
      "padding",
      "paddingBottom",
      "paddingHorizontal",
      "paddingLeft",
      "paddingRight",
      "paddingTop",
      "paddingVertical",——针对辅轴两边的内边距
      "position",
      "resizeMode",——resizeMode 缩放比例,可选参数('cover', 'contain', 'stretch') 该当图片的尺寸超过布局的尺寸的时候,会根据设置Mode进行缩放或者裁剪图片
      "right",
      "rotation",
      "scaleX",
      "scaleY",
      "shadowColor",
      "shadowOffset",
      "shadowOpacity",
      "shadowRadius",
      "textAlign",
      "textAlignVertical",
      "textDecorationColor",
      "textDecorationLine",
      "textDecorationStyle",
      "textShadowColor",
      "textShadowOffset",
      "textShadowRadius",
      "tintColor",——图片背景颜色
      "top",
      "transform",
      "transformMatrix",
      "translateX",
      "translateY",
      "width",
      "writingDirection",
      "zIndex"

  • 相关阅读:
    程序员转型架构师,推荐你读这几本书
    Dubbo服务发现源码解析
    高可用架构之限流降级
    为什么Kafka速度那么快
    从分布式一致性到共识机制(三)拜占庭问题
    从分布式一致性到共识机制(二)Raft算法
    三分钟看完京东区块链白皮书
    轻松理解零知识证明
    三大去中心化交易协议对比
    从分布式一致性到共识机制(一)Paxos算法
  • 原文地址:https://www.cnblogs.com/myswift-lhq/p/5762055.html
Copyright © 2011-2022 走看看