Is there a way to hide the timer completely while timer is running in background ?

[dorapax-lab]

Hi,

I want to hide the timer completely but timer should be run in background.

<CountdownCircleTimer
onComplete={() => {console.log('completed')}}
isPlaying={true}
size={30}
strokeWidth={2}
duration={120}
colors={!props.hideTimer ? [['#000000', 1]] : [['#FFFFFF', 1]]}
>
{({ remainingTime, animatedColor }) =>
renderTime(remainingTime, animatedColor)
}
</CountdownCircleTimer>

I tried by having same background colour for colors. In this approach I can hide the rendering time. But still the circular is visible.

Thanks.

[vydimitrov]

Hey, if you want to hide the numbers in the middle, just do not pass any children to the component or return null from the children function.

[dorapax-lab]

Ok, but is there a way to hide the circle ?

[vydimitrov]

You can set the opacity of the wrapping element to 0 or set the color and the trailColor to be the same as the background color. Like colors="#fff" trailColor="#fff"

[dorapax-lab]

Ok, thanks a lot.