Hello, May I know how can I put icon to the steps instead of numbers, I tried to use renderStepIndicator but the function is red line

[teowks000]

[naveed1239]

Use renderStepIndicator method to define your custom design.

<StepIndicator
customStyles={stepIndicatorCustomStyles}
renderStepIndicator={({
position,
stepStatus,
}: {
position: number;
stepStatus: string;
}) => {
//console.log("stepStatus:", stepStatus)
let imagePath = [
require("../../assets/signup.png"),
require("../../assets/otp.png"),
require("../../assets/profile.png"),
require("../../assets/Intrest.png"),
];
let selectedImagePath = [
require("../../assets/signupS.png"),
require("../../assets/otpS.png"),
require("../../assets/profileS.png"),
require("../../assets/IntrestS.png"),
];
return (
<Image
style={{ resizeMode: "contain", width: 60, height: 60 }}
source={
currentStep == position
? selectedImagePath[position]
: imagePath[position]
}
>
);
}}
currentPosition={currentStep}
stepCount={labels.length}
labels={labels}
/>