Question

我在反应原生项目中包含了一个gif图像，它在IOS中完美运行，没有任何问题。

我的Js文件

<Image
source={require("../resources/toolbar/transaction_success.gif")}
                            style={styles.logo}
                    />

对于android，我遇到了一个在android中支持gif的库（FRESCO）。

编译'com.facebook.fresco：animated-gif：1.8.1'

Android build.gradle

dependencies {
compile project(':react-native-sensitive-info')
compile project(':react-native-i18n')
compile project(':react-native-device-info')
compile fileTree(dir: "libs", include: ["*.jar"])
compile "com.android.support:appcompat-v7:23.0.1"
compile "com.facebook.react:react-native:+"
compile 'com.facebook.fresco:animated-gif:1.8.1'
}

包含此库后，它不显示gif。

我已尝试过同一个库的其他版本，但它无效。

 compile 'com.facebook.fresco:fresco:1.5.0'
    compile 'com.facebook.fresco:animated-gif:1.5.0'
    compile 'com.facebook.fresco:animated-gif:0.+'
    compile 'com.facebook.fresco:animated-gif:0.12.0'
    compile 'com.facebook.fresco:animated-base-support:0.14.1'
    compile 'com.facebook.fresco:animated-gif:0.14.1'

如果我在下面使用这两行应用程序关闭而没有任何错误。

  compile 'com.facebook.fresco:fresco:1.8.1'
compile 'com.facebook.fresco:animated-gif:1.8.1'

请帮我解决此问题。

Answer 1

添加您的build.gradle：

compile 'com.facebook.fresco:fresco:1.9.0'
compile 'com.facebook.fresco:animated-gif:1.9.0'

Answer 2

通过这种方式，我解决了这个问题。

1）删除了所有现有的Fresco依赖项，如fresco.fresco，animated.gif等。

2）。尝试基于社区建议的React-native-fast图像。链接到ios和android平台。获取错误 - 不存在快速图像视图的主要组件。放弃了使用这个npm库的计划。

3）仅在android / build-gradle下面添加了一行。

编译＆＃39; com.facebook.fresco：animated-gif：1.3.0＆＃39;

4）点击android studio中的“立即同步”选项，以便它反映成绩变化。

5）清洁项目。

6）重建项目。

您可以同时进行调试和发布构建。

工作正常。

Android GIF支持 - React Native 0.50

2 个答案: