@schoolsquirrel/letter-avatar

使用此插件，您可以在您的 NativeScript 应用中创建漂亮的字母头像！

限制

此插件仅支持 NativeScript 7 或更高版本。如果您需要使用较旧版本的 NativeScript，请参阅此 存档仓库。

安装

使用 ns plugin add @schoolsquirrel/letter-avatar 安装插件。

使用方法

NativeScript 核心版本

定义命名空间

<Page class="page"
    loaded="pageLoaded"
    navigatingTo="onNavigatingTo" 
    xmlns="http://schemas.nativescript.org/tns.xsd"
    xmlns:ns="@schoolsquirrel/letter-avatar">

使用插件

<ns:LetterAvatar id="myAvatar" text="AB"></ns:LetterAvatar>

您还可以添加自定义样式

<ns:LetterAvatar color="blue" padding="5" borderRadius="7" id="myAvatar" text="AB"></ns:LetterAvatar> 

不幸的是，不支持 CSS 属性。

有关更多信息及示例，请查看示例文件夹。

Angular 版本

在您的 app.module.ts 中，像这样包含库

import { LetterAvatarModule } from "@schoolsquirrel/letter-avatar/angular";

并将其添加到 imports 数组中

@NgModule({
    bootstrap:  [
        ...
    ],
    declarations: [
        ...
    ],
    imports: [
        ...
        LetterAvatarModule, // <--- add this here
    ],
    schemas: [
        ...
    ],
})
export class AppModule { }

然后在您的 .html 文件中使用它

<LetterAvatar text="AB"></LetterAvatar>

您还可以添加自定义样式

<LetterAvatar color="blue" padding="5" borderRadius="7" text="AB"></LetterAvatar>

不幸的是，不支持 CSS 属性。

有关更多信息及示例，请查看 示例 和 Angular 示例 文件夹。

许可证

MIT