如何在1次后停止gif反应原生?

时间:2017-05-02 13:02:49

标签: javascript android ios reactjs react-native

我有一个反应的GIF,我想停止循环 我在我的视图中添加了一个图像,我给图像添加了我的gif的路径和它的工作,但是gif进入无限循环

有什么想法停止吗?

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

谢谢

1 个答案:

答案 0 :(得分:6)

编辑 反应天然/库/图像/ 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

对于android

更新到最新的壁画版本(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'