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>