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