Great for learning Windows native bridging
react-native-win-gif
Animated GIFs for React Native Windows
Getting started
$ npm install react-native-win-gif --save
Mostly automatic installation
$ react-native link react-native-win-gif
Manual installation
Windows
- In Visual Studio, right click solution > Add > Existing Proj and add the
RNWinGif.csproj
innode_modules/react-native-win-gif/windows/RNWinGif/RNWinGif.csproj
. - Right click the project > Add > Reference > RNWinGif checkmark
- Open up your
MainPage.cs
app
- Add
using Com.Reactlibrary.RNWinGif;;
to the usings at the top of the file - Add
new RNWinGifPackage()
to theList<IReactPackage>
returned by thePackages
method
Usage
... { return <WinGif source= style=width: 200 height: 200 /> <WinGif source= uri: 'http://i.imgur.com/ZBSHpd1.gif' style=width: 200 height: 200 /> }