vydimitrov / react-countdown-circle-timer

Lightweight React/React Native countdown timer component with color and progress animation based on SVG

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

animatedColor status | Bump CountdownCircleTimer from 2.5.4 to 3.0.9?

teamseamive opened this issue · comments

            <CountdownCircleTimer
              colors={[ColorsLibrary.Singles.CoralPink, '#D14081', '#EF798A']}
              duration={60}
              isPlaying
              onComplete={() => {
                setRequested(false);
                setOtpSent(false);
              }}
              size={90}
              strokeWidth={2}>
              {({remainingTime, animatedColor}) => (
                <View>
                  <Animated.Text style={[styles.timeStyle, {color: animatedColor}]}>
                    {remainingTime}
                  </Animated.Text>
                  <Animated.Text style={{color: animatedColor}}>
                    {i18n.t('auth_screen.text_time_remaining')}
                  </Animated.Text>
                </View>
              )}
            </CountdownCircleTimer>

The remainingTime doesn't seem to set the animatedColor, is it discontinued? Updating from 2.5.4 to 3.0.9

Hey @seamive, the prop was renamed to color you can check the children render prop here