Custom Image for Finished

[rahiljain09]

I want to render Custom Image for finished and numbers for current and not finished.

[24ark]

@rahiljain09 You can use the renderStepIndicator prop to render a custom component for each step. One of the examples uses react-native-vector-icons to render icons inside each step.

[ahtisham09]

@24ark can we add image at the last of step like this

[OrLevy23]

any option to just override one specific step? i'm facing similar issue when trying to add failed step with X

[KiratiBhuva]

For the above issue, you can leverage position and stepStatus property of the renderStepIndicator.

const renderStepIndicator = ({ position, stepStatus }) => { if (stepStatus === 'finished') { return (<Icon name="checkmark" />); } return <Text style={{ color: '#ffffff' }}>{position + 1}</Text>; };