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

Published 20 hours ago • verified publisher icon bartgryszko

Animation a bit laggy

Open Sangrene opened this issue 6 years ago • 15 comments

The circular animation is a bit laggy on iOS, is there any way to use native driver to smooth performances ?

Thanks

Sangrene avatar Aug 02 '18 17:08 Sangrene

Which iOS version? Do you see the issue in the simulator or actual phones?

markusl avatar Dec 15 '18 13:12 markusl

Tested on real devices (iPhone 6 & 8) using iOS 9.x & 11.x

Sangrene avatar Dec 16 '18 14:12 Sangrene

@Sangrene or @RukaiJohn could you describe in which circumstances and example code this happened? I tested this with iPhone XS and didn't see any lag.

You could also try with latest version as I updated the dependencies in the latest version.

markusl avatar Dec 29 '18 20:12 markusl

I am here to report that animations are laggy on Android as well. On Pixel XL with Android 9.0. I tried using the native driver but it entirely disables all animations.

3p3r avatar Feb 25 '19 23:02 3p3r

I'm also running into this issue on the iOS simulator running 12.1, react native 0.57.5, react 16.6.1 and RNSVG 9.2.4. When I run the example in the sim it animates smoothly.

doug-stritt avatar Feb 28 '19 16:02 doug-stritt

It's laggy in all phones I tried it on. It doesn't matter if it's modern or old,

JohnReyes-Dev avatar Mar 02 '19 08:03 JohnReyes-Dev

Yes I am experiencing the lag too. Is there any way to overcome from this issue?

cyucelen avatar Mar 06 '19 19:03 cyucelen

The animation is lagging a lot! I used it on a real device and if the value is big (1000) for example then the animation will be very slow.

deepslam avatar Mar 14 '19 14:03 deepslam

Same for me, lagging hardly, when I try to use native driver it stops playing

matviishyn avatar Apr 19 '19 12:04 matviishyn

I encountered the same problem when trying out react-native-progress. When I quit React Native Debugger the problem went away.

doug-stritt avatar Apr 24 '19 19:04 doug-stritt

Have you tried react-native-progress-wheel?

RobertFOConnor avatar May 22 '19 19:05 RobertFOConnor

@deepslam @matviishyn @sepehr-laal are you still seeing the lag with the latest version? I just recently updated the example app and tested with an iPhone and could not see any issues.

markusl avatar Jul 16 '19 13:07 markusl

@markusl I ended up using Victory Native. I also never had issues with perf on iOS. my issue was on Android Pixel XL.

3p3r avatar Jul 16 '19 17:07 3p3r

@deepslam @matviishyn @sepehr-laal are you still seeing the lag with the latest version? I just recently updated the example app and tested with an iPhone and could not see any issues.

As I mentioned above, it's laggy in dev mode and on some of low-end devices, I just ended up with react-native-progress-wheel, it doesn't require any dependencies

matviishyn avatar Jul 16 '19 18:07 matviishyn

I'm not sure, but I think you should be able to animate circle arcs of less than 180 degrees with useNativeDriver: true if you rotate the foreground circle using react native's transform style property and apply overflow: hidden to the background circle.

avlonder avatar May 20 '20 09:05 avlonder