react-native-progress icon indicating copy to clipboard operation
react-native-progress copied to clipboard

[Request] set speed/rate of animation?

Open braco opened this issue 8 years ago • 9 comments

Would this be worth making a PR for?

<Progress.Circle animated={true} speed={nn} />

braco avatar Feb 06 '17 19:02 braco

It's using spring animations that doesn't really have a duration config, but others such as friction etc. Could be worth exposing them. What are you aiming to achieve btw?

oblador avatar Feb 07 '17 09:02 oblador

@oblador: was going to get the growth of the circle's progress to be slower. It's a little too fast for a particular case right now.

braco avatar Feb 07 '17 20:02 braco

Anything on this?

roycejewell avatar Aug 09 '17 21:08 roycejewell

Is there a timeline for this particular feature. I'm looking to animate the circle and bars slower on load.

ferenax avatar Nov 03 '17 14:11 ferenax

+1

jpmazza avatar Jul 25 '18 20:07 jpmazza

This can be done with the animationConfig prop in the bar, using the duration attribute.

<Bar
  {...}
  animationConfig={{duration: 30000}}
/>

JulianKingman avatar Sep 18 '18 18:09 JulianKingman

@JulianKingman not working

heyman333 avatar Nov 07 '19 19:11 heyman333

@heyman333

it is working for Progress "Bar" type as mentioned by @JulianKingman e.g to make speed maximum, set duration to 0 as below.

<Progress.Bar animationConfig={{ duration: 0 }} animationType={'timing'} ... />

@ferenax works for bars

samipshah100 avatar Mar 07 '20 11:03 samipshah100

just use indeterminateAnimationDuration

bbernag avatar Dec 17 '21 04:12 bbernag