Scrollable progress steps

[mariomurrent-softwaresolutions]

If there are more than 5 steps, the step bar is not rendered correctly and the two outer circles are cut off.

[colbymillerdev]

Thanks for bringing up this issue! I will take a look into it as soon as I can 🙂

[SopoB]

@colbymillerdev Any update ? :-)

[metinvio]

I solved it like this:

<ScrollView
      horizontal={true}
      showsHorizontalScrollIndicator={false}
      style={{width: '100%', maxHeight: 100}}>
      <ProgressSteps>
        <ProgressStep label="First Step">
          <View style={{alignItems: 'center'}}>
            <Text>This is the content within step 1!</Text>
          </View>
        </ProgressStep>
        <ProgressStep label="Second Step">
          <View style={{alignItems: 'center'}}>
            <Text>This is the content within step 2!</Text>
          </View>
        </ProgressStep>
        <ProgressStep label="Third Step">
          <View style={{alignItems: 'center'}}>
            <Text>This is the content within step 3!</Text>
          </View>
        </ProgressStep>
      </ProgressSteps>
    </ScrollView>

[ksrajath7]

Have made some changes in ProgressSteps.js resolving this issue Please check the PR #104

[Priyanshu-0301]

Is it still open can i work on it ?