Children props for customization inside the timer

[karimK3]

HI !

Is it possible to have an exemple of how to use children props to customize inside the timer ?

I would like to format the timer with minutes and seconds but when I use the props children with your exemple it doesn't works.

const children = ({ remainingTime }) => {
const minutes = Math.floor(remainingTime / 60)
const seconds = remainingTime % 60

return ${minutes}:${seconds}
}

Nothing happen. I still have the timer with only seconds.

Thank you ! :)

[vydimitrov]

Hey, can I see how you use it?

[karimK3]

So yes, wasn't the right way. Now it works.
Thank you very much !

[karimK3]

Hi @vydimitrov :)

When I use this code and I re-render my view after refreshing, remainingTime is always equal to zero. Do you know why ?

[vydimitrov]

Hey, you should change the key prop of the Timer to stat over

[maccap007]

How would you go about this now as when i try to do something similiar I get an error saying it needs to be within a text component? @vydimitrov

[vydimitrov]

May be just wrap it in a Text component?