search

24ark / react-native-step-indicator

A simple react-native implementation of step indicator widget compatible with the ViewPager and ListView.
Apache License 2.0
1.42k stars 312 forks source link

customStyles: missing prop "unfinishedLabelColor" #163

Closed chrisdev3001 closed 3 weeks ago

chrisdev3001 commented 3 months ago

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 commented 3 months ago

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