@@ -15,35 +15,22 @@ NativeScript-Loading-Indicator is a plugin for NativeScript which overlays a loa
1515 <a href="https://www.npmjs.com/package/@nstudio/nativescript-loading-indicator">
1616 <img src="https://img.shields.io/npm/dt/@nstudio/nativescript-loading-indicator.svg?label=npm%20downloads" alt="npm">
1717 </a>
18- <a href="https://github.com/nstudio/nativescript-loading-indicator/stargazers">
19- <img src="https://img.shields.io/github/stars/nstudio/nativescript-loading-indicator.svg" alt="stars">
20- </a>
21- <a href="https://github.com/nstudio/nativescript-loading-indicator/network">
22- <img src="https://img.shields.io/github/forks/nstudio/nativescript-loading-indicator.svg" alt="forks">
23- </a>
24- <a href="https://github.com/nstudio/nativescript-loading-indicator/blob/master/LICENSE">
25- <img src="https://img.shields.io/github/license/nstudio/nativescript-loading-indicator.svg" alt="license">
26- </a>
27- <a href="http://nstudio.io">
28- <img src="https://github.com/nstudio/media/blob/master/images/nstudio-banner.png?raw=true" alt="nStudio banner">
29- </a>
30- <h5 align="center">Do you need assistance on your project or plugin? Contact the nStudio team anytime at <a href="mailto:team@nstudio.io">team@nstudio.io</a> to get up to speed with the best practices in mobile and web app development.
31- </h5>
32-
3318</p >
3419
3520---
3621
3722## Installation
3823
39- ## NativeScript 6.3+
24+ ## NativeScript 7+:
25+
4026``` bash
41- tns plugin add @nstudio/nativescript-loading-indicator
27+ ns plugin add @nstudio/nativescript-loading-indicator
4228```
4329
44- ## NativeScript lower than 6.3
30+ ## NativeScript lower than 7:
31+
4532``` bash
46- tns plugin add @nstudio/nativescript-loading-indicator@2 .0.5
33+ tns plugin add @nstudio/nativescript-loading-indicator@3 .0.x
4734```
4835
4936## Screenshots
@@ -81,7 +68,7 @@ tns plugin add @nstudio/nativescript-loading-indicator@2.0.5
8168import {
8269 LoadingIndicator ,
8370 Mode ,
84- OptionsCommon
71+ OptionsCommon ,
8572} from ' @nstudio/nativescript-loading-indicator' ;
8673
8774const indicator = new LoadingIndicator ();
@@ -102,14 +89,14 @@ const options: OptionsCommon = {
10289 android: {
10390 view: someStackLayout .android , // Target view to show on top of (Defaults to entire window)
10491 cancelable: true ,
105- cancelListener : function (dialog ) {
92+ cancelListener : function (dialog ) {
10693 console .log (' Loading cancelled' );
107- }
94+ },
10895 },
10996 ios: {
11097 view: someButton .ios , // Target view to show on top of (Defaults to entire window)
111- square: false
112- }
98+ square: false ,
99+ },
113100};
114101
115102indicator .show (options );
@@ -145,13 +132,13 @@ const options = {
145132 android: {
146133 view: android .view .View , // Target view to show on top of (Defaults to entire window)
147134 cancelable: true ,
148- cancelListener : function (dialog ) {
135+ cancelListener : function (dialog ) {
149136 console .log (' Loading cancelled' );
150- }
137+ },
151138 },
152139 ios: {
153- view: UIView // Target view to show on top of (Defaults to entire window)
154- }
140+ view: UIView, // Target view to show on top of (Defaults to entire window)
141+ },
155142};
156143
157144loader .show (options); // options is optional
@@ -272,6 +259,6 @@ export enum Mode {
272259 DeterminateHorizontalBar = 2 ,
273260 AnnularDeterminate = 3 ,
274261 CustomView = 4 ,
275- Text = 5
262+ Text = 5 ,
276263}
277264```
0 commit comments