rive-react-native icon indicating copy to clipboard operation
rive-react-native copied to clipboard
verified publisher icon rive-app

Different animation speed on Android and iOS

Open Waltari10 opened this issue 2 years ago • 1 comments

Description

Animations runs slowly on React Native iOS, but normally everywhere else like React Native Android and web.

Provide a Repro

https://github.com/Waltari10/riveAnimSpeedBug

Source .riv/.rev file

program.riv.zip

Expected behavior

Would expect the animation to work the same way on all platforms, when using same code and same .riv file.

Screenshots

https://github.com/rive-app/rive-react-native/assets/8919286/a6f3bc6a-a0ba-4432-a1f8-9a3ec94885a0

Device & Versions (please complete the following information)

  • Device: All iOS devices including real and simulator, most recently replicated on iPhone SE (3rd generation) 17.2 simulator
  • OS: iOS 17.2
  • NPM Version: 10.1.0

Additional context

Other .riv files seem to work fine, but this program.riv has these animation speed issues. Our designer has attempted recreating the .riv file and modifying it several times to no avail.

Waltari10 avatar Jan 04 '24 10:01 Waltari10

This was fixed by upgrading rive-runtime on iOS to 5.7.1. Just used patch-package to do it and required at least one swift code change I'm not so sure about if it's safe.

Waltari10 avatar Jan 22 '24 12:01 Waltari10