NativeScript 径向渐变 🎨

注意：此插件基于 EddyVerbruggen 线性渐变插件。

安装

tns plugin add nativescript-radial-gradient

示例

<Gradientcolors="#FF0077, red, #FF00FF" radius="20" center="{x: 0: y: 0}">
  <Label class="p-20 c-white" horizontalAlignment="center" text="My gradients are the best." textWrap="true"></Label>
  <Label class="p-10 c-white" horizontalAlignment="center" text="It's true." textWrap="true"></Label>
</Gradient>

用法

由于我们继承了 StackLayout，您可以在任何您本来会用 StackLayout 的位置添加 <Gradient>。

除了您可以在 StackLayout 上设置的任何属性外，您还应添加以下内容

参数	描述
colors	至少传递两个值。只需使用您原本要传递给 NativeScript 的 `new Color("value")` 的值即可。因此，`red`、`#FF0000`、`rgb(255, 0, 0)` 以及甚至 `rgba(255, 0, 0, 0.5)`（透明度！）都将正常工作。
radius	径向渐变的半径
center	径向渐变的中心点 {x: number,y: number}

Angular

将此添加到 app.module.ts，以便您可以在视图中使用 Gradient 标签

import { registerElement } from "nativescript-angular";
registerElement("Gradient", () => require("nativescript-radial-gradient").Gradient);

我们可以向插件传递多少 `colors`？

尽情发挥，但最低要求是两个。

下一步

[x] 实现径向渐变。
[ ] 更好地处理默认值。

贡献

如果您想帮助改进此插件，请将其视为您的项目，并随意提交 PR :)

获取帮助

请严格使用 github issues 来报告错误或请求新功能。

联系方式

Twitter：hamdiwanis
Email：[email protected]

NativeScript 径向渐变 🎨

安装

示例

用法

Angular

我们可以向插件传递多少 colors？

下一步

贡献

获取帮助

联系方式

我们可以向插件传递多少 `colors`？