The playback speed of gif images on Image component is too fast
See original GitHub issueReact Native version:
Steps To Reproduce
- 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:
- Created 4 years ago
- Reactions:7
- Comments:18 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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’
If I can find the time this weekend I will put in the proper fix.