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

IT技术 javascript android ios reactjs react-native
2021-05-13 03:21:48

我在react中有一个 gif,我想停止循环 我在我的视图中添加了一个图像 我给图像提供了我的 gif 路径,它可以工作,但是 gif 进入无限循环

有停止的想法吗?

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

谢谢

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

而对于安卓

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

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