Back to React Native Paper

ProgressBar

docs/public/2.0/progress-bar.html

5.15.1582 B
Original Source

ProgressBar

Progress bar is an indicator used to present progress of some activity in the app.

Usage

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

const MyComponent = () => (
  <ProgressBar progress={0.5} color={Colors.red800} />
);

export default MyComponent;

Props

progress (required) Type: number

Progress value (between 0 and 1).

color Type: string

Color of the progress bar.

style Type: any

theme Type: Theme