Logo

ActivityIndicator

Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator shipped with React Native.

Usage

import * as React from 'react';
import { ActivityIndicator, Colors } from 'react-native-paper';

const MyComponent = () => (
  <ActivityIndicator animating={true} color={Colors.red800} />
);

export default MyComponent;

Props

animating
Type: boolean
Default value: true

Whether to show the indicator or hide it.

color
Type: string

The color of the spinner.

size
Type: 'small' | 'large' | number
Default value: 'small'

Size of the indicator.

hidesWhenStopped
Type: boolean
Default value: true

Whether the indicator should hide when not animating.

style
Type: StyleProp<ViewStyle>
theme
Type: ReactNativePaper.Theme
Edit this page