search

24ark / react-native-step-indicator

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView.
Apache License 2.0
1.44k stars 312 forks source link

how to change border radius of step Indicator? #127

Open Teja1826 opened 2 years ago

kananimaulik26 commented 2 years ago 
const customStyles = {
    stepIndicatorSize: 5,
    currentStepIndicatorSize: 22,
    separatorStrokeWidth: 1,
    currentStepStrokeWidth: 3,
    stepStrokeCurrentColor: colors.blueTextColor,
    stepStrokeWidth: 5,
    stepStrokeFinishedColor: colors.blueTextColor,
    stepStrokeUnFinishedColor: '#D2E5F2',
    separatorFinishedColor: colors.blueTextColor,
    separatorUnFinishedColor: '#D2E5F2',
    stepIndicatorFinishedColor: colors.blueTextColor,
    stepIndicatorUnFinishedColor: '#ffffff',
    stepIndicatorCurrentColor: '#ffffff',
    stepIndicatorLabelCurrentColor: colors.blueTextColor,
    stepIndicatorLabelFinishedColor: 'transparent',
    stepIndicatorLabelUnFinishedColor: 'transparent',
    labelColor: '#999999',
    currentStepLabelColor: colors.blueTextColor
}

<StepIndicator
            customStyles={customStyles}
 />