Skip to main content
Version: 4.0.0-rc.3

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";

Usage​

Props​

note

Includes all View props.

NameTypeDefaultDescription
animationboolean or { 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 or indeterminatevalue === undefined ? 'indeterminate' : 'determinate'Type of button.

Playground​

Loading...