React Native Gif图插件，已在Github开源，猛戳:react-native-gifview

功能支持：加载、播放、暂停等。

一、配置

【 Android 平台配置 】@H_502_12@

1. 将android_gifview文件夹拖入android工程包名目录下，例如 com.xxx。@H_502_12@

2. 打开android_gifview下文件，将最顶部package com.xxx中xxx替换成自己对应包名。@H_502_12@

3. 在MainApplication中的getPackages方法中注册Package:@H_502_12@

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),GifViewPackage()
      );
    }

4.在app/build.gradle文件下添加依赖：@H_502_12@

dependencies { compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.12' }

【 iOS 平台配置 】@H_502_12@

将ios_gifview文件夹拖入工程目录下即可，如下图@H_502_12@

#### 二、使用

1.将RCTGIFView.js导入RN工程@H_502_12@

2.将RCTGIFView作为Component导入,并在render中渲染:@H_502_12@

import RCTGIFView from './RCTGIFView'; render() { return ( <View style={ styles.container }> <RCTGIFView style={ styles.gifImage } imageName={ this.state.gifImage } playStatus={ this.state.isPlaying } /> </View> ); }

3.属性介绍@H_502_12@

（1）playStatus: 控制gif图的播放桩体，true为播放，false为暂停

（2）imageName: gif图URL，em:https://cimili-cdn-gif-of-track.cimili.com/v2_gif_266_6967.gif