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"

  • 相关阅读:
    Unity3d vector3.forward和transform.forward的区别!
    UGUI实现摇杆
    UGUI实现拼图游戏
    Unity3d打包发布Android程序
    兼容PC和手机触摸代码
    unity3d中Transform组件变量详解
    运算符重载
    扩展方法
    string.Format格式化输出
    网络编程之Socket的TCP协议实现客户端与客户端之间的通信
  • 原文地址:https://www.cnblogs.com/myswift-lhq/p/5762055.html
Copyright © 2011-2022 走看看