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](/img/linearProgress.gif)
#
Usageimport { LinearProgress } from 'react-native-elements';
<LinearProgress color="primary" />
#
PropsAlso receives all View props
#
Referencevalue
#
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 |