The delights of a gif on React Native Windows
C# JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
windows
.gitignore
LICENSE
README.md
index.js
package.json

README.md

Great for learning Windows native bridging

react-native-win-gif

Animated GIFs for React Native Windows Imgur

Getting started

$ npm install react-native-win-gif --save

Mostly automatic installation

$ react-native link react-native-win-gif

Manual installation

Windows

Read it! :D

  1. In Visual Studio, right click solution > Add > Existing Proj and add the RNWinGif.csproj in node_modules/react-native-win-gif/windows/RNWinGif/RNWinGif.csproj.
  2. Right click the project > Add > Reference > RNWinGif checkmark
  3. Open up your MainPage.cs app
  • Add using Com.Reactlibrary.RNWinGif;; to the usings at the top of the file
  • Add new RNWinGifPackage() to the List<IReactPackage> returned by the Packages method

Usage

import WinGIf from 'react-native-win-gif'
...
render() {
  return (
    <WinGif source={require('../Images/meow.gif')} style={{width: 200, height: 200}} />
    <WinGif source={{ uri: 'http://i.imgur.com/ZBSHpd1.gif'}} style={{width: 200, height: 200}} />
  )
}