https://github.com/pimdewitte/react-native-gif-keyboard
Add all the gifs to your react native project.
https://github.com/pimdewitte/react-native-gif-keyboard
Last synced: about 1 year ago
JSON representation
Add all the gifs to your react native project.
- Host: GitHub
- URL: https://github.com/pimdewitte/react-native-gif-keyboard
- Owner: PimDeWitte
- Created: 2018-06-16T03:02:12.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-09-29T17:25:06.000Z (over 7 years ago)
- Last Synced: 2025-03-18T13:11:46.323Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 788 KB
- Stars: 5
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-native-gif-keyboard
This is a react native implementation that works with gfycat reactions so that you can implement reactions into your react native apps. The core of it is very simple - we use react-native-video to display all the reactions from the API and give you a callback with the MP4 file that was selected by the user.
You can then choose what to do with the MP4 file. Most of the use cases will include sending the mp4 as a raw text and auto-resolving raw text to elements on the receiving side.
This is an unofficial library and not officially endorsed by Gfycat.
# Setup
This library requires you to have set up and linked react-native-video. If you have not set this up (and linked it using react-native link) this library will not work.
# Installation
Make sure react-native-video is linked and installed in your project. It is not added as a dependency by design because it can only be linked once. You can do so at this link: https://github.com/react-native-community/react-native-video/
1: Install the module from npm
``` npm install react-native-gif-keyboard --save```
2: Import the module at the top of your file
```import GifKeyboard from 'react-native-gif-keyboard'```
3: Use the module
```
{
Alert.alert(
'Selected url for callback:',
url,
[
{text: 'Ok', onPress: () => Console.log("canceled"), style: 'cancel'},
],
{cancelable: false}
)
}
}
style={{width:500, height: 800, backgroundColor:'#000'}}
/>
```
| GifKeyboard Features (✅=done, ❌=unsupported (feel free to PR), ⏱️=Workin' on it) | V1.0 |
| --------------------------------------------------------------------------------------------------------------------------------- | :----: |
| **Reactions** | ✅ |
| **Stickers** | ❌ |
| **Gaming** | ❌ |
| **Trending** | ❌ |
| **Authentication/user management** | ❌ |
| **Search** | ❌️ |
| **More custom styling options** | ❌ |
| **Caching** | ❌️ |
| **Animations** | ❌️ |
| **Navigation** | ❌ |
---