LinearProgress

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. Also receives all View props

Import

import { LinearProgress } from '@rneui/themed';

Theme Key

LinearProgress

Usage

Props

note

Includes all View props.

Name	Type	Default	Description
animation	boolean | { duration?: number; }	{ duration: 2000 }	Animation duration
color	string	secondary	Color for linear progress.
style	View Style		Add additional styling for linear progress component.
trackColor	string		Track color for linear progress.
value	number		The value of the progress indicator for the determinate variant. Value between 0 and 1.
variant	determinate | indeterminate	value === undefined ? 'indeterminate' : 'determinate'	Type of button.

Playground

Loading...