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.42k stars 312 forks source link

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

Open vineelk8 opened 3 years ago

vineelk8 commented 3 years ago

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.

image

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 commented 2 years ago

Same issue. Any suggestion?

afzalali27 commented 2 years ago

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

ummartoor commented 1 year ago

Same issue

neethanz commented 1 year ago

same issue