@wuilmerj24/url-preview

npm install @wuilmerj24/url-preview

组件文档

此组件允许您配置 UI 的各个方面，包括颜色、边框圆角和视图类型。以下是列出可用属性及其相应类型的表格。

属性描述

• url：将从中获取信息的网页的 URL。
• bgColor：容器的背景颜色。
• titleTextColor：标题使用的文本颜色。
• descriptionTextColor：描述使用的文本颜色。
• view：用于显示信息的视图类型。
• borderRadiusImage：应用于容器内图片的边框圆角。
• loadingColor：获取信息时显示的加载指示器的颜色。
• borderRadius：应用于容器的边框圆角，可以是字符串、数字或特定长度单位。

示例

NativeScript 核心库

要在 NativeScript 核心库项目中使用该组件，请将以下 XML 命名空间添加到您的页面中，并使用如下所示的 UrlPreview 视图

<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:up="@wuilmerj24/url-preview">
    <ActionBar title="URL Preview Example" />

    <StackLayout>
        <!-- URL Preview Component -->
        <up:UrlPreview url="" />
    </StackLayout>
</Page>

NativeScript Angular

import {NativeScriptUrlPreviewModule} from "@wuilmerj24/url-preview/angular"

@NgModule({
  imports: [
    NativeScriptUrlPreviewModule // this line
  ],
  declarations: [],
  schemas: [NO_ERRORS_SCHEMA],
})
export class AppModule {}

<UrlPreview url="" > </UrlPreview>

许可证

Apache 许可证第 2 版