1.0.5 • Published 2 years ago
react-native-steps-progressbar v1.0.5
A react native component of animated dynamic steps view with an animated progress bar, in typescript.
It comes with a built-in TypeScript typings and is compatible with all popular JavaScript frameworks. You can use it directly or leverage well-maintained wrapper packages that allow for a more native integration with your frameworks of choice.
Example:

How to use:
import HorizontalGradiantProgressbar from 'react-native-steps-progressbar';
<HorizontalGradiantProgressbar
steps={steps}
currentStep={currentStep}
containerStyle={{height: 10}}
gradiantStyle={{borderRadius: 50}}
colorPrimary={GlobalColors.Brand.primary}
colorSecondary={GlobalColors.Brand.secondary}
/>CountryCodePicker Props -
| Name | Type | Default |
|---|---|---|
| containerStyle | ViewStyle ? | |
| gradiantStyle | ViewStyle ? | |
| colorPrimary | string | |
| colorSecondary | string | |
| steps | number | |
| currentStep | number | |
| stepSize | number ? | |
| stepTextStyle | TextStyle ? | |
| stepSelectedViewStyle | ViewStyle ? | |
| stepUnSelectedViewStyle | ViewStyle ? | |
| stepSelectedTextStyle | ViewStyle ? | |
| stepUnSelectedTextStyle | ViewStyle ? |