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.
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.
Type | Default |
---|---|
number | 0 |
variant
Type of button (optional)
Type | Default |
---|---|
determinate , indeterminate | indeterminate |
style
add additional styling for linear progress component (optional)
Type | Default |
---|---|
View style (object) | none |
color
color for linear progress
Type | Default |
---|---|
primary ,secondary OR color name | secondary |
trackColor
Track color for linear progress
Type | Default |
---|---|
string | color with transparency |