GIFs are being sped up on iPhone 13 pro max.

Description

Rendering GIFs on iPhone 13 pro max are being played super fast. I have tried to limit the frame rate on the gif itself to 30 fps or even 60 fps, however on iPhone 13 it still plays too fast. The gifs are being rendered on a Image inside a flatlist.

Version

0.63.4

Output of npx react-native info

System: OS: macOS 12.2 CPU: (8) arm64 Apple M1 Memory: 113.09 MB / 8.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 16.13.0 - /usr/local/bin/node Yarn: 1.22.17 - /usr/local/bin/yarn npm: 8.1.0 - /usr/local/bin/npm Watchman: 2022.01.24.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: 1.11.2 - /opt/homebrew/bin/pod SDKs: iOS SDK: Platforms: DriverKit 21.2, iOS 15.2, macOS 12.1, tvOS 15.2, watchOS 8.3 Android SDK: Not Found IDEs: Android Studio: Not Found Xcode: 13.2.1/13C100 - /usr/bin/xcodebuild Languages: Java: Not Found Python: 2.7.18 - /usr/bin/python npmPackages: @react-native-community/cli: Not Found react: 16.13.1 => 16.13.1 react-native: 0.63.4 => 0.63.4 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

Create a flatlist with a gif being rendered with the Image tag.

Expected behavior

play gif on normal speed.

Snack, code example, screenshot, or link to a repository

No response

[blueC1023]

RCTUIImageViewAnimated.m NSTimeInterval duration = displayLink.duration * displayLink.frameInterval; => NSTimeInterval duration = displayLink.targetTimestamp - displayLink.timestamp;

[cq0702]

RCTUIImageViewAnimated.m NSTimeInterval duration = displayLink.duration * displayLink.frameInterval; => NSTimeInterval duration = displayLink.targetTimestamp - displayLink.timestamp;

Confirmed this change is already on react-native 0.68.2. But the GIFs are still having speed up issue on IOS.

+1