A NativeScript Indicator for Pager / Carousel /CollectionView
iOS Demo | Android Demo |
Run the following command from the root of your project:
ns plugin add @nativescript-community/ui-pager-indicator
Property | Type |
---|---|
color |
Color or string
|
selectedColor |
Color or string
|
PagerIndicator add page control for Pager or other Paging Views.
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"/>
-
Indicator Pager
- A simple pager example using dynamic content and indicator.