NativeScript Blurview 组件

一个 NativeScript BlurView 组件。

安装

从项目的根目录运行以下命令

tns plugin add nativescript-blurview

此命令将自动安装必要的文件，并在项目的 package.json 文件中将 nativescript-blurview 存储为依赖项。

配置

无需额外的配置！

API

使用方法

您需要将 xmlns:gv="nativescript-blurview" 添加到您的页面标签中，然后只需使用 <gv:BlurView/> 将小部件添加到页面。

<!-- test-page.xml -->
<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:gv="nativescript-blurview" loaded="pageLoaded">
    <GridLayout rows="" columns="">
        <Image src="https://wallpaperscraft.com/image/rose_flower_colorful_close-up_petals_18824_960x544.jpg" id="bgimage" stretch="aspectFill" />
        <bv:BlurView></bv:BlurView>
    </GridLayout>
</Page>

示例

此存储库包含 Angular 和纯 NativeScript 示例。要在 shell 中运行这些示例，请执行以下操作

$ git clone https://github.com/farfromrefug/nativescript-blurview
$ cd nativescript-blurview
$ npm install
$ npm run demo-ios

这将运行纯 NativeScript 示例项目在 iOS 上。如果要在 Android 上运行，只需使用 -android 而不是 -ios 后缀。