• 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 ?