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