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