New Research: Supply Chain Attack on Axios Pulls Malicious Dependency from npm.Details →
Socket
Book a DemoSign in
Socket

react-native-win-gif

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-win-gif

React Native windows simple abstraction and Gif implementation

latest
npmnpm
Version
1.0.6
Version published
Maintainers
1
Created
Source

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

  • 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.
  • 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 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}} />
  )
}

Keywords

react-native

FAQs

Package last updated on 10 Nov 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts