How to show step indicator horizontally when there are 10 steps?

[vineelk8]

Hi, I have more than 10 steps that I need to present horizontally. But when I'm doing that I'm getting all steps attached to each other as below.

Even I tried to wrap the step indicator with ScrollView but still, the issue isn't solved.

<ScrollView horizontal>
    <StepIndicator
        customStyles={indicatorStyles}
        currentPosition={0}
        stepCount={data.length}
        renderStepIndicator={renderImages}
        onPress={position => onStepPressHandler(position)}
    />
</ScrollView>

Can someone please help me with this

[KiratiBhuva]

Same issue. Any suggestion?

[afzalali27]

May be you can just reduce StepIndicatorSize and size of icons inside step as well

[ummartoor]

Same issue

[neethanz]

same issue

[antriksh-tml]

Any solution?