Does not animate on 0.59.1
See original GitHub issueHi,
I just upgraded to 0.59.1 and the circular-progress stopped animating. It renders the starting position just fine w/wo prefill.
The first of both instances is what I used to have, the second is from the example from the readme which doesn’t work either.
Has anybody noticed this? and or knows how to fix it?
componentDidMount(){
this.refs.circleRef.animate(this.state.fill, 4000, Easing.quad);
this.circularProgress.animate(100, 8000, Easing.quad);
}
<AnimatedCircularProgress
ref="circleRef"
size={200}
width={10}
rotation={0}
lineCap="round"
fill={this.state.fill}
tintColor={colors.primary}
backgroundColor={colors.inactive}
style={{marginBottom: 20}}>
{
(fill) => (
<Text style={styles.points}>
{this.state.status}{this.state.analyte}
</Text>
)
}
</AnimatedCircularProgress>
<AnimatedCircularProgress
ref={(ref) => this.circularProgress = ref}
size={120}
width={15}
fill={100}
tintColor="#00e0ff"
onAnimationComplete={() => console.log('onAnimationComplete')}
backgroundColor="#3d5875" />
environment: no expo
"react": "16.8.3",
"react-native": "0.59.1",
"react-native-circular-progress": "^1.1.0",
"react-native-svg": "^9.3.3",
testing on iOS 12.1.3
Issue Analytics
- State:
- Created 5 years ago
- Comments:9
Top Results From Across the Web
How to resolve "Animated: `useNativeDriver` is not supported ...
The last one offers a solution, but it says to open Xcode, while I am on Linux Debian 10. I do not have...
Read more >Using Native Driver for Animated
Not everything you can do with Animated is currently supported in Native Animated. The main limitation is that you can only animate non-layout...
Read more >A Guide to SVG Animations (SMIL) - CSS-Tricks
SVG graphics can be animated using animation elements. ... This data can be modified and animated through SMIL, but not CSS.
Read more >New Pinap Berry & Nanab Berry Animations in Pokemon GO ...
There was a recent update for Pokemon GO and you should notice that the Pinap Berry and Nanab Berry now have new animations....
Read more >.animate() | jQuery API Documentation
All animated properties should be animated to a single numeric value, except as noted below; most properties that are non-numeric cannot be animated...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
9.3.5
+1 on iOS only