Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Nubescope/react-native-facebook-keyframes
A react-native wrapper for Facebook Keyframes
https://github.com/Nubescope/react-native-facebook-keyframes
Last synced: about 2 months ago
JSON representation
A react-native wrapper for Facebook Keyframes
- Host: GitHub
- URL: https://github.com/Nubescope/react-native-facebook-keyframes
- Owner: Nubescope
- License: mit
- Created: 2016-12-01T18:24:01.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-01-29T23:33:30.000Z (over 7 years ago)
- Last Synced: 2024-04-02T11:47:46.882Z (about 2 months ago)
- Language: Objective-C
- Size: 1.22 MB
- Stars: 104
- Watchers: 6
- Forks: 9
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- Awesome-React-Native-Education - A react-native wrapper for Facebook Keyframes
README
![Keyframes](https://github.com/facebookincubator/Keyframes/raw/master/docs/images/doc-logo.png)
# react-native-facebook-keyframes
A React Native wrapper for the [Facebook Keyframes library](https://github.com/facebookincubator/Keyframes).
## Getting started
```bash
npm install react-native-facebook-keyframes --savereact-native link react-native-facebook-keyframes
```
### Steps for iOS onlyYou must install `Facebook Keyframes` dependency using CocoaPods:
1. Install `cocoapods` in case you don't have already installed:
```bash
sudo gem install cocoapods
```
2. Go to `[your project's name]` ios folder (in this case `MyProject`):```bash
cd MyProject/ios
```
3. Create a new `Podfile` file with the following contents:```ruby
target '{MyProject}' do
pod 'Keyframes', :git => 'https://github.com/facebookincubator/Keyframes.git', :commit => '07ce61ee388360258777eb3342c87ba6128584d0'
end
```
3. Instal cocoapods dependencies and return to the project folder:```bash
pod install
cd ../
```## Usage
1. Create a new keyframes json file (you can find a sample [here](https://github.com/underscopeio/react-native-facebook-keyframes/blob/master/demo/KeyframesDemo/src/keyframes-logo.json))
2. Include the library in your js file:```JSX
import KeyframesView from 'react-native-facebook-keyframes'
```3. Use the component:
```JSX
```## Running the demo project included in this project
1. Go to the `demo/KeyframesDemo` folder:
```bash
cd demo/KeyframesDemo
```
2. Install pod dependencies if running for iOS:```bash
cd ios
pod install
cd ../
```
3. Run the project:```bash
npm install
react-native run-ios
```## Demo
![](http://i.giphy.com/3o7TKHhhyQo2w2Naw0.gif) ![](http://i.giphy.com/l0MYJJ0Cy6OMMnXCo.gif)
---
**MIT Licensed**