@nativescript-community/ui-pager-indicator

A NativeScript Indicator for Pager / Carousel /CollectionView
4,786 21
vue react svelte vue.js angular carousel javascript ios slides nativescript android ng pager viewpager uipageviewcontroller nativescript-angular
Install
npm install @nativescript-community/ui-pager-indicator
Latest Version:14.1.42
License:Apache-2.0
Last Updated:Sep 21, 2026
Links: GitHub  ·  npm
Maintainer: classicoldsong

@nativescript-community/ui-pager-indicator

Downloads per month NPM Version

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.

Related Packages

@nativescript-community/ui-pager

A NativeScript Pager / Carousel component that allows the user to swipe left and...

42,822 21
android angular carousel ios javascript nativescript nativescript-angular nativescript-vue ng pager +7
nativescript-pager

A Carousel/Pager plugin for NativeScript

3,894
android angular carousel ios javascript nativescript nativescript-angular nativescript-vue ng pager +4
@triniwiz/nativescript-pager

A Carousel/Pager plugin for NativeScript

1,611 86
android angular carousel ios javascript nativescript nativescript-angular nativescript-vue ng pager +6
@nativescript-community/ui-cameraview

A CameraView allowing custom live processing for NativeScript

4,961 8
android angular ios javascript nativescript nativescript-angular nativescript-vue ng react svelte +4
@nativescript-community/ui-carto

NativeScript plugin for CARTO Mobile SDK

6,451 4
android ios javascript nativescript nativescript-angular nativescript-vue svelte vue vue.js carto +1

Version History

Version Released License
14.1.42 Apache-2.0
14.1.41 Apache-2.0
14.1.39 Apache-2.0
14.1.34 Apache-2.0
14.1.33 Apache-2.0