Package Exports
- react-native-win-gif
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (react-native-win-gif) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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
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}} />
)
}