NativeScript 轮廓标签

此插件扩展了 NativeScript 标签组件，支持轮廓文本。

轮廓文本是确保文本始终清晰可读的唯一好方法，无论背景是什么，当背景是非确定性的或移动的（例如视频）时，这一点变得更加重要。

先决条件 / 要求

无。

安装

ns plugin add @plmservices/nativescript-outline-label

用法

您必须在您的 XML 文件中添加适当的 xmlns 标签，例如。

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:outlineLabel="@plmservices/nativescript-outline-label" class="page">

完成此操作后，您可以在 XML 中使用新的 outlineLabel 标签，例如。

<outlineLabel:OutlineLabel text="CSS on Element" />

这可以通过 CSS 在 OutlineLabel 元素上、一个类或一个 id 上进行样式化，例如设置带黑色轮廓的黄色文本

OutlineLabel {
	color: yellow;
	outline: 4 black;
}

或者可以直接在标签中进行样式化，例如。

<outlineLabel:OutlineLabel text="Outline in attribute" color="yellow" outline="4 red" />
<outlineLabel:OutlineLabel text="Outline in style" color="yellow" style="outline: 4 green" />

待办事项

• Angular 示例应用
• Vue 示例应用

捐赠

如果这个项目帮助您减少了开发时间，您可以考虑帮助我买一杯咖啡或一些电力 :)

许可证

Apache 许可证版本 2.0