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, MD2Colors } from 'react-native-paper';

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

export default MyComponent;

Props

Type: boolean
Default value: true

Whether to show the indicator or hide it.

Type: string

The color of the spinner.

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

Size of the indicator.

Type: boolean
Default value: true

Whether the indicator should hide when not animating.

Type: StyleProp<ViewStyle>
Type: Theme
Edit this page