Move the label above stepIndicator instead of below

[infothien]

Hi there,

I would like to ask Is there anyway to move the label above stepIndicator instead of below it?

[24ark]

@infothien Currently this is not supported.

This should be an easy functionality to add.
Based on a new prop we can call renderStepLabels before or after the renderStepIndicator call here:

react-native-step-indicator/src/index.tsx

Line 433 in 1df202c

{renderStepIndicator()}

[infothien]

that is true thank you for your feedback @24ark, by the way I could actually achieve it by using some css stuff though

[24ark]

that is true thank you for your feedback @24ark, by the way I could actually achieve it by using some css stuff though

Yes we can try column-reverse here:

react-native-step-indicator/src/index.tsx

Line 424 in 1df202c

: { flexDirection: 'column' },

[infothien]

that is nice and easier way to achieve it thank you I got pr here for it #104 based on your suggestion @24ark , I will let you know when it is ready

[infothien]

it is ready ! I also added the image to demonstrate the changes, would appreciate that you can give it a check too