React Native, Gif이미지 사용하기

npm i --save react-native-fast-image
cd ios && pod install && cd ..

Image 라이브러리를 설치한다.

 

ios는 그냥 해도 잘 렌더링되지만

android는 간단한 세팅을 해줘야한다.

/android/app/bulild.gradle 

...
  implementation 'com.facebook.fresco:fresco:2.0.0'
  implementation 'com.facebook.fresco:animated-gif:2.5.0'
...

 

앱 실행(재실행)

import FastImage from 'react-native-fast-image';

...
<FastImage
  style={{ width: 100, height: 100 }}
  source={{ uri: 'https://mygifimage.com/test.gif' }}
/>
...