Skip to main content
Version: 3.4.2

Linear Progress

Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen.

Linear Progress
Linear Progress

Usage​

import { LinearProgress } from 'react-native-elements';
<LinearProgress color="primary" />

Props​

Also receives all View props


Reference​

value​

The value of the progress indicator for the determinate variant. Value between 0 and 1.

TypeDefault
number0

variant​

Type of button (optional)

TypeDefault
determinate, indeterminateindeterminate

style​

add additional styling for linear progress component (optional)

TypeDefault
View style (object)none

color​

color for linear progress

TypeDefault
primary,secondary
OR
color name
secondary

trackColor​

Track color for linear progress

TypeDefault
stringcolor with transparency