Skip to main content
Version: 4.0.0-rc.8

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

Usage

Import

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

Theme Key

LinearProgress

Props

note

Includes all View props.

NameTypeDefaultDescription
animationboolean | { duration?: number; }{ duration: 2000 }Animation duration
colorstringsecondaryColor for linear progress.
styleView StyleAdd additional styling for linear progress component.
trackColorstringTrack color for linear progress.
valuenumberThe value of the progress indicator for the determinate variant. Value between 0 and 1.
variantdeterminate | indeterminatevalue === undefined ? 'indeterminate' : 'determinate'Type of button.

Playground

Loading...