Spinner

This component displays an animated “spinner” control that tells the user that an operation is pending. Animation continues as long as the component is displayed.

Styles
Flexbox Styles
View Styles
Transform Styles
​
Props
Name
Type
Description
color
color
Color of indicator
deferTime
number
Number of ms to wait before displaying
size
'large' | 'medium' | 'small' | 'tiny'
Size of indicator
testId
string
ID for testing purposes
​
Examples
<View style={styles.root}>
  {loading &&
    <ActivityIndicator color="#ffffff" size="medium" />
  }
</View>

Components - Previous

Select

Next - Components

Image

Last modified 3yr ago

Name	Type	Description
color	`color`	Color of indicator
deferTime	`number`	Number of ms to wait before displaying
size	`'large' \| 'medium' \| 'small' \| 'tiny'`	Size of indicator
testId	`string`	ID for testing purposes