1.0.5 • Published 1 year 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 ? |