Activity Indicator

The ActivityIndicator represents a UI widget which displays a progress indicator hinting the user for some background operation running like loading image, data, accepting a request, etc. You can control its behavior by setting or binding to its busy property.

API Reference for ActivityIndicator Class

Native Component

Android iOS
android.widget.ProgressBar (indeterminate = true) UIActivityIndicatorView


Setting Busy

You can work with its busy property and set it to true or false, thus displaying or hiding the control.

Setting an activity indicator’s busy property:

<Button row="0" text="Modify Busy property" (tap)="(activityIndicator.busy = !activityIndicator.busy)" class="btn btn-primary btn-active" ></Button>
<ActivityIndicator row="1" #activityIndicator busy="true" (busyChange)="onBusyChanged($event)" width="100" height="100" class="activity-indicator"></ActivityIndicator>

Improve this document

Demo Source

Is this article helpful? Yes / No
Thank you for your feedback!

Tell us how we can improve this article

NativeScript is licensed under the Apache 2.0 license .
© Progress Software Corporation. All Rights Reserved.