Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@nativescript-community/ui-pager-indicator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@nativescript-community/ui-pager-indicator
A NativeScript Indicator for Pager / Carousel /CollectionView
 |
 |
|---|---|
| iOS Demo | Android Demo |
Table of Contents
Installation
Run the following command from the root of your project:
ns plugin add @nativescript-community/ui-pager-indicator
API
Properties
| Property | Type |
|---|---|
| color | Color or string |
| selectedColor | Color or string |
PagerIndicator add page control for Pager or other Paging Views.Usage in Angular
If you are planning to use an indicator, add the following to your module:
import { registerElement } from "@nativescript/angular";
import { PagerIndicator } from "@nativescript-community/ui-pager-indicator";
registerElement("PagerIndicator", () => PagerIndicator)Then in your template:
<Pager id="pager" [items]="items"
...
</Pager>
<PagerIndicator pagerViewId="pager" />Examples
- Indicator Pager
- A simple pager example using dynamic content and indicator.
Usage in Vue
Import the module into your project.
import Vue from 'nativescript-vue';
Vue.registerElement('PagerIndicator', () => require('@nativescript-community/ui-pager-indicator').PagerIndicator);then in your template:
<Pager id="pager" :items="items"
...
</Pager>
<PagerIndicator pagerViewId="pager"/>Examples
- Indicator Pager
- A simple pager example using dynamic content and indicator.