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 |