javascript - 如何在 1 次后停止 gif react-native？

Question

我在 react 中有一个 gif，我想停止循环我在我的 View 中添加了一个图像我为图像提供了我的 gif 的路径并且它工作但是 gif 进入无限循环

有什么停止的想法吗？

<Image
    source={require('./img/anim.gif')}
 />

谢谢

Answer 1

编辑react-native/Libraries/Image/RCTGIFImageDecoder.m

CAKeyframeAnimation *animation = [CAKeyframeAnimation animationWithKeyPath:@"contents"];
    ...
animation.repeatCount = loopCount == 0 ? 0 : loopCount; // <-- fix for single play gif from joshbedo
animation.fillMode = @"forwards"; // <-- insert this line to prevent the image disappearing after animation

对于安卓

更新到最新的fresco版本(androidmanifest.xml)

编译 'com.facebook.fresco:animated-base-support:1.1.0'
编译 'com.facebook.fresco:animated-gif:1.1.0'
编译 'com.facebook.fresco:animated-webp:1.1.0'
编译 'com.facebook.fresco:webpsupport:1.1.0'