本文介绍: 在上一节我们介绍了@Styles装饰器:定义组件重用样式,它可以使用@Styles用于样式的扩展,今天我将会在@Styles的基础上,讲解另外一种装饰器——@Extend装饰器,它也是用于扩展原生组件样式的。@Extend装饰器和@Styles装饰器一样都属于扩展组件样式,从而达到服用样式的效果。但是俩者有这明显的区别,我们可以更具具体使用场景,结合俩者的区别灵活选择使用。接下来我将会从语法和使用规则俩方面介绍@Extend装饰器的具体使用说明。通过@Extend组合样式后,使得代码更加简洁,增强可读性。
前言
在上一节我们介绍了@Styles装饰器:定义组件重用样式,它可以使用@Styles用于样式的扩展,今天我将会在@Styles的基础上,讲解另外一种装饰器——@Extend装饰器,它也是用于扩展原生组件样式的。
@Extend装饰器使用说明
接下来我将会从语法和使用规则俩方面介绍@Extend装饰器的具体使用说明。
1:使用语法
2:使用规则
@Extend装饰器使用场景
以下示例声明了3个Text组件,每个Text组件均设置了fontStyle、fontWeight和backgroundColor样式。
通过@Extend组合样式后,使得代码更加简洁,增强可读性。
总结
@Extend装饰器和@Styles装饰器一样都属于扩展组件样式,从而达到服用样式的效果。但是俩者有这明显的区别,我们可以更具具体使用场景,结合俩者的区别灵活选择使用
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。