关于样式

(1)普通内联样式:{{}},第一层{}是表达式,第二层{}是js对象;
<View style={{fontSize:40, width:80,}}> </View>
(2)调用样式表:{样式类.属性}
<View style={styles.container}></View>
(3)样式表和内联样式共存:{[]}
<View style={[styles.container, {fontSize:40, width:80}]}>
(4)多个样式表:{[样式类1, 样式类2]}
<View style={[styles.container, styles.color]}>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (1)普通内联样式:{{}},第一层{}是表达式,第二层{}是js对象; 例:{{backgroundColor:...
    Loki_阅读 213评论 0 0
  • 目的:让一个红色方块宽度不断减小。 HTML代码: CSS代码:#point{ width: 200px; hei...
    会有猫惹阅读 69评论 0 0
  • 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人...
    珍此良辰阅读 3,225评论 1 12
  • 前言 本文有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我。 文中所有内容仅供...
    珍此良辰阅读 1,168评论 0 6
  • 之前一直想着写些什么,却总是筹措不知如何下笔。 早期自己也经营过一个公众号,那时主要就是转发一下别人的文章,看似很...
    夏津觉阅读 182评论 0 0