javascript - 如何在react-native中使用ImageBackground播放gif？

Question

我有一个 GIF 背景图像，我正在使用 React-native 的 ImageBackground 组件渲染它。唯一的问题是 gif 没有运行，它变成静态的。

当我使用 Image 组件时，一切正常，但我需要使用 ImageBackground 组件

    <ImageBackground
       source= {require('../../assets/img/initial_wallpaper.gif')} 
       style={{flex:1}} >                

    </ImageBackground>

使用上面的代码静态渲染 GIF。当我使用在线 expo util 来测试它时，它可以使用完全相同的代码正常工作。但是当我在我的 react native 代码库中实现它时，它不起作用。任何见解将不胜感激。谢谢:)

Answer 1

我找到了this关于同一主题的问题。由此看来，你是在 Android 上运行的吗？以下内容应该可以帮助您解决问题:

Edit your android/app/build.gradle file and add the following code:

dependencies: { 

    ...

    compile 'com.facebook.fresco:fresco:1.+'

    // For animated GIF support
    compile 'com.facebook.fresco:animated-gif:1.+'

    // For WebP support, including animated WebP
    compile 'com.facebook.fresco:animated-webp:1.+'
    compile 'com.facebook.fresco:webpsupport:1.+' 
}

then you need to bundle the app again, You can display the gif images in two ways like this.

1-> <Image 
        source={require('./../images/load.gif')}  
        style={{width: 100, height: 100 }}
    />

2-> <Image 
        source={{uri: 'http://www.clicktorelease.com/code/gif/1.gif'}}  
        style={{width: 100, height:100 }} 
    />