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>