labelAlign property not being applied

[24ark]

labelAlign property not being applied

[gtl-himanshu]

const customStyles = {
    labelAlign: 'flex-start', // <-- add this property to the custom styles object
};

other type {"center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined}

[24ark]

Can you try flex-start or flex-end and see if it works.

[gtiongco95]

@ddsr17 it's located on line 287 of the StepIndicator.js file. It has been updated by the repo owner so it should just work now for you (:

[rdgomt]

Same here

[amanjuneja3012]

same here

[ddsr17]

Still doesn't work

[gtiongco95]

The fix was in the line { alignItems: this.state.customStyles.labelAlign } where state was omitted. However, the values left and right only work for ios. If you want it to work with android as well you will need to use flex-start and flex-end.

[ddsr17]

@gtiongco95 Could you elaborate a bit, where exactly is this { alignItems: this.state.customStyles.labelAlign } to be placed?