question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Does not animate on 0.59.1

See original GitHub issue

Hi,

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:closed
  • Created 5 years ago
  • Comments:9

github_iconTop GitHub Comments

1reaction
lichstamcommented, Mar 19, 2019

9.3.5

1reaction
andriinegustorovcommented, Mar 15, 2019

+1 on iOS only

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found