Proper Text alignment in vertical step indicator

[nammiharika]

Hi, i am using this module.It's working fine. But text is not aligned in vertical step-indicator.

Code:-

    const stepIndicatorStyles = {
        stepIndicatorSize: 30,
        currentStepIndicatorSize: 60,
        separatorStrokeWidth: 2,
        currentStepStrokeWidth: 3,
        stepStrokeCurrentColor: primary,
        stepStrokeWidth: 3,
        stepStrokeFinishedColor: primary,
        stepStrokeUnFinishedColor: '#aaaaaa',
        separatorFinishedColor: primary,
        separatorUnFinishedColor: '#aaaaaa',
        stepIndicatorFinishedColor: primary,
        stepIndicatorUnFinishedColor: '#ffffff',
        stepIndicatorCurrentColor: primary,
        stepIndicatorLabelFontSize: 13,
        currentStepIndicatorLabelFontSize: 13,
        stepIndicatorLabelCurrentColor: primary,
        stepIndicatorLabelFinishedColor: '#ffffff',
        stepIndicatorLabelUnFinishedColor: '#aaaaaa',
        labelColor: text,
        labelSize: 17,
        currentStepLabelColor: primary,
        labelFontFamily: weight.bold
    };
  const renderStepIndicator = (params) => {
        return <Image source={params.stepStatus == "current" ? getStepIndicatorConfig(params) : Images.empty} style={{ tintColor: Colors.white, width: 35, height: 35 }} />
    };
   <StepIndicator
                customStyles={stepIndicatorStyles}
                currentPosition={1}
                labels={labels}
                direction="vertical"
                stepCount={labels.length}
                renderStepIndicator={renderStepIndicator}
            />

Screenshot:-

[Abhishek0706]

labelAlign: "flex-start"

[Aryan6290]

labelAlign: "flex-start"

Where to put this @Abhishek0706

[infsahitya]

labelAlign: "flex-start"

Where to put this @Abhishek0706

Inside "stepIndicatorStyles" object.

[Shubhangigovil]

There is no such property labelAlign: "flex-start" in customStyles.