React Native可用的css属性

摘要:
ReactNative的css的名称与css的名称略有不同。那些有css基础的人会很快开始使用“alignItems”。次轴的排列方向为弯曲开始|弯曲结束|中心|拉伸“alignSelf”。主容器中元素在次轴上的排列方向与“backfaceVisibility”、“backgroundColor”、--背景色“borderBottomC”中的alignItem的排列方向相似

  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"

免责声明:文章转载自《React Native可用的css属性》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇高性能地图优化策略(转载)[转载]iOS 开发中为什么更新UI都要放在主线程中?下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

css实现左(右)侧固定宽度,右(左)侧宽度自适应 ---清除浮动

老话长谈,css的不固定适应布局   不管是面试还是在平时的工作中,这样的布局形式一直都在用着,很常见,所以今天我就拿出来在唠叨一下, 既是给自己一个备忘存储,也是一个学习巩固的参考,知道大家都会,还是要记忆一下,不为其他,就为打好基础。 话说太多, 直接上代码,一看就能明白。 也许你会不屑一顾的说简单,可是我就喜欢写一些。。。。。。作为一个菜鸟,就要从基...

在网页中用JavaScript控制DIV进行预览打印

function doPrint(){ var article; var css; var strAdBegin=""; var strAdEnd=""; var strTmp; var str="<html> <meta http-equiv='content-type' content=...

快速打造 react 后台管理系统

前言 相信很多小伙伴都有可能碰到开发后台管理系统这样的需求,那么我们该如何快速的完成这个需求呢 本文将以 react 为切入点,记录打造一个基础管理系统模板的过程,以此加深对 react 技术栈以及项目实战的理解,希望对大家开发一个这样的项目有所帮助 如果文章中有出现纰漏、错误之处,还请看到的小伙伴多多指教,先行谢过 项目简介 react-admin 是由...

【CSS】电脑、移动端公用样式

电脑端: /* Public */ @charset "utf-8"; html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; p...

css修改下拉列表select的默认样式

html 代码: <div> <select name=""> <option value="芝士">芝士</option> <option value="奶油">奶油</option> </select> </div> 给select添加父元素...

前端性能优化常用方法

网页内容 1.1 减少http请求次数 1.1.1捆绑文件 通过一些现成的库将多个脚本文件捆绑成一个文件,将多个样式表文件捆绑成一个文件,以此来减少文件的下载次数。 1.1.2CSS Sprites 把多个图片拼成一副图片,然后通过CSS来控制需要显示图片的位置( CSS Sprites Generator) 1.1.3Inline images 通过Ba...