πŸš€ 8.9 Released! β†’ ⚑️ New Node-API Engine Preview, πŸ“² ns widget ios, πŸ’… Tailwind v4 and more...
Read Announcement

<ActivityIndicator> is a UI component that shows a progress indicator signaling to the user of an operation running in the background.

Examples ​

Always busy ActivityIndicator ​

vue
<ActivityIndicatorbusy="true" />
xml
<ActivityIndicatorbusy="true" />
html
<ActivityIndicatorbusy="true" />
svelte
<activityIndicatorbusy="true" />
tsx
<activityIndicatorbusy="true" />
tsx
<activityindicatorbusy="true" />

Props ​

busy ​

ts
busy: boolean

Gets or sets whether the indicator is busy.

iosIndicatorViewStyle 8.9+ ​

ts
iosIndicatorViewStyle: IOSIndicatorViewStyle ='medium'|'large'

Specifies the style of the indicator. This property is iOS specific.

Valid values: medium and large.

Default value: medium.


...Inherited ​

For additional inherited properties, refer to the API Reference.

Events ​

busyChange ​

ts
on('busyChange', (args:EventData) => {
constindicator= args.object asActivityIndicator
 console.log(`indicator.busy changed to: ${indicator.busy}`)
})

Emitted when the busy property changes.

See EventData.

Native component ​

Previous
Components

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /