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.

Animation progress to move at Clockwise direction?

See original GitHub issue

Seems like this module is set to move the animation counter clockwise by default. I’ve already played with the rotation prop with no luck. Is there a way or some sort of direction prop to set the animation to to rotate clockwise?

thanks!

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:4
  • Comments:8 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ihsanktmrcommented, Jul 7, 2020

I used rotateY like below is my return. I am using CircularProgress and it worked!

      <View style={{...style, transform: [{
          rotateY: '-180deg'
        }]}}>
        <Svg width={size} height={size} scale="-1, 1" originX={size / 2}>
          <Defs key="linear_gradients">{linearGradients}</Defs>
          <G rotate={rotation - 90}>
            {this.renderBackgroundPath()}
            {this.renderCirclePaths()}
          </G>
        </Svg>
        {children && children(fill)}
      </View>
    );
0reactions
markuslcommented, Aug 10, 2018

Sounds like the issue was fixed!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Android Rotate Animations (Clockwise / Anti ... - Tutlane
To Rotate animation in Anti Clockwise, we need to set android:fromDegrees and android:toDegrees property values and these will defines a rotation angles like...
Read more >
Animated Progress Circle in Figma - YouTube
In this video i will show you a hack to create an animated progress ring or animated progress circle using figma. Watch and...
Read more >
Progress Animations in Jetpack Compose with examples
Arc rotation animation: In this animation we will have two arcs that will rotate continuously in clockwise direction.
Read more >
ios - How to display custom circular progress bar with Anti ...
But I need anti clockwise animation. If you anybody know kindly give the siggestion. I really don't know how to change rotation animation...
Read more >
Understanding loading animations — types and applications
... Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction.
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