react-native-facebook-keyframes
A React Native wrapper for the Facebook Keyframes library.
Getting started
npm install react-native-facebook-keyframes --save react-native link react-native-facebook-keyframes
Steps for iOS only
You must install Facebook Keyframes
dependency using CocoaPods:
-
Install
cocoapods
in case you don't have already installed:sudo gem install cocoapods -
Go to
[your project's name]
ios folder (in this caseMyProject
):cd MyProject/ios -
Create a new
Podfile
file with the following contents:target '{MyProject}' dopod 'Keyframes', :git => 'https://github.com/facebookincubator/Keyframes.git', :commit => '07ce61ee388360258777eb3342c87ba6128584d0'end -
Instal cocoapods dependencies and return to the project folder:
pod installcd ../
Usage
-
Create a new keyframes json file (you can find a sample here)
-
Include the library in your js file:
import KeyframesView from 'react-native-facebook-keyframes' -
Use the component:
<KeyframesViewstyle={{ width: 100, height: 100 }} // View stylesseek={1.0} // Seek to a given progress in range [0, 1]src={require('./keyframes-logo.json')} // Animation file/>
Running the demo project included in this project
-
Go to the
demo/KeyframesDemo
folder:cd demo/KeyframesDemo -
Install pod dependencies if running for iOS:
cd iospod installcd ../ -
Run the project:
npm installreact-native run-ios
Demo
MIT Licensed