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.

The playback speed of gif images on Image component is too fast

See original GitHub issue

React Native version:

Steps To Reproduce

  1. have gif url on Image component

Describe what you expected to happen: Simply gif images are too fast on Image component with RN 0.61.2. It was okay with 0.59.

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

Issue Analytics

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

github_iconTop GitHub Comments

6reactions
mk0116commented, Feb 16, 2020

I found a workaround for ios. The problem is that the prop named ‘kCGImagePropertyGIFUnclampedDelayTime’ of the gif images have an empty value so that the delay is set as 0.

workaround:

Open RCTAnimatedImage.m and change this line (https://github.com/facebook/react-native/blob/f3d37325cbeb25db2aae2f5aa7b37de7b8a06f82/Libraries/Image/RCTAnimatedImage.m#L110)

to if (delayTimeUnclampedProp != nil && [delayTimeUnclampedProp floatValue] != 0) {

I’ll make a PR when I get a chance.

@chelovekdrakon hope this helps you fix your problem too

you have to upgrade com.facebook.fresco:animated-gif to 2.2.0 for android implementation ‘com.facebook.fresco:animated-gif:2.0.0’

4reactions
ericlewiscommented, Apr 13, 2020

If I can find the time this weekend I will put in the proper fix.

Read more comments on GitHub >

github_iconTop Results From Across the Web

6 Methods to Slow Down GIFs Quickly & Easily
Click GIF Image Tools at the left pane and select Change GIF animation speed from the list. Step 3. Tap on Upload image,...
Read more >
Change GIF Playback Speed - Online GIF Tools
This utility changes GIF speed. You can make GIF animations faster or slower. It's free and entirely browser-based. Gifabulous!
Read more >
How to Slow Down an Animated GIF in GIMP
A GIF animation that is playing too fast however, can be distracting or make it hard for viewers to see the image sequences...
Read more >
How to Slow Down or Speed Up a GIF - BLOG
Part 1. Increase or Decrease Speed of GIF Online with Simple Steps; Part 2. ... click Browse from the Select image section on...
Read more >
Change GIF Speed | Fast Online GIF Speed Changer - Flixier
Click the track containing the GIF on the timeline, then select the “Video speed” option from the menu in the top right corner...
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