Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

customStyles: missing prop "unfinishedLabelColor" #163

Open
chrisdev3001 opened this issue May 20, 2024 · 1 comment
Open

customStyles: missing prop "unfinishedLabelColor" #163

chrisdev3001 opened this issue May 20, 2024 · 1 comment

Comments

@chrisdev3001
Copy link

I was thinking to build a SteperIndicator until I saw this awesome library.

Is it possible to create a new prop for "customSyles" wich it can change the "unfinished labels colors"?

Like this image, I want that "step 4" as "grey" color like his circle indicator 🐰

unfinishedLabel

does it already exists?

@chrisdev3001
Copy link
Author

If someone get same question as me, use this code:

renderLabel={({ label, position }) => (
        <Text
          style={{ color: (currentPosition + 1) > position ? 'green': 'gray' }}
        >
          {label}
        </Text>
      )}

then I got it:
solutionRenderProp

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant