NativeScript Angular2视差视图组件

NativeScript Angular2视差视图组件
插件名称 nativescript-ngx-parallax
发布时间 2020年9月13日
插件作者 TheOriginalJosh

用于视差滚动效果的NativeScript Angular 2组件。

安装:

$ npm install nativescript-ngx-parallax 

要使用视差滚动视图,您需要将容器放置在<parallax-view></parallax-view>标签内。一个容器需要head属性,另一个需要属性body。在上面的例子它们都是StackLayout小号

您可以使用 <parallax-view head-height="<VALUE>">

如果您要使用顶部容器的滚动来淡出控件,则可以将它们的ID作为字符串数组传递,如下所示: <parallax-view [controls-to-fade]="['control1','control2']">

无论是head-heightcontrols-to-fade不是必需的。如果未head-height设置任何值,则默认为300