{"id":16748712,"url":"https://github.com/pimdewitte/react-native-gif-keyboard","last_synced_at":"2025-04-10T13:53:04.750Z","repository":{"id":91103969,"uuid":"137548893","full_name":"PimDeWitte/react-native-gif-keyboard","owner":"PimDeWitte","description":"Add all the gifs to your react native project. ","archived":false,"fork":false,"pushed_at":"2018-09-29T17:25:06.000Z","size":807,"stargazers_count":5,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-18T13:11:46.323Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PimDeWitte.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-16T03:02:12.000Z","updated_at":"2022-12-14T11:06:58.000Z","dependencies_parsed_at":"2023-07-01T11:30:52.120Z","dependency_job_id":null,"html_url":"https://github.com/PimDeWitte/react-native-gif-keyboard","commit_stats":null,"previous_names":["pimdewitte/react-native-gfycat"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PimDeWitte%2Freact-native-gif-keyboard","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PimDeWitte%2Freact-native-gif-keyboard/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PimDeWitte%2Freact-native-gif-keyboard/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PimDeWitte%2Freact-native-gif-keyboard/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PimDeWitte","download_url":"https://codeload.github.com/PimDeWitte/react-native-gif-keyboard/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248228950,"owners_count":21068786,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-13T02:13:28.351Z","updated_at":"2025-04-10T13:53:04.744Z","avatar_url":"https://github.com/PimDeWitte.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![Preview](https://thumbs.gfycat.com/SomberIllFoxhound-size_restricted.gif)\n\n# react-native-gif-keyboard\nThis 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.\n\nYou 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 \u003cVideo\u003e elements on the receiving side.\n\nThis is an unofficial library and not officially endorsed by Gfycat.\n\n# Setup\n\nThis 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.\n\n# Installation\n\nMake 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/\n\n1: Install the module from npm\n``` npm install react-native-gif-keyboard --save```\n\n2: Import the module at the top of your file\n```import GifKeyboard from 'react-native-gif-keyboard'```\n\n3: Use the module\n```\n            \u003cGifKeyboard.Reactions\n                reactionsPerRow={2}\n                callback={(url) =\u003e {\n                    Alert.alert(\n                        'Selected url for callback:',\n                        url,\n                        [\n                            {text: 'Ok', onPress: () =\u003e Console.log(\"canceled\"), style: 'cancel'},\n                        ],\n                        {cancelable: false}\n                    )\n                }\n                }\n                style={{width:500, height: 800, backgroundColor:'#000'}}\n            /\u003e\n```\n\n\n| GifKeyboard Features (✅=done,  ❌=unsupported (feel free to PR), ⏱️=Workin' on it)                                                                                                                  | V1.0 |\n| --------------------------------------------------------------------------------------------------------------------------------- | :----: |\n| **Reactions**                                                                                                                     |   ✅   |\n| **Stickers**                                                                                                                      |   ❌   |\n| **Gaming**                                                                                                                        |   ❌   |\n| **Trending**                                                                                                                      |   ❌   |\n| **Authentication/user management**                                                                                                |   ❌   |\n| **Search**                                                                                                                        |   ❌️   |\n| **More custom styling options**                                                                                                   |   ❌   |\n| **Caching**                                                                                                                       |   ❌️   |\n| **Animations**                                                                                                                    |   ❌️   |\n| **Navigation**                                                                                                                    |   ❌   |\n---\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpimdewitte%2Freact-native-gif-keyboard","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpimdewitte%2Freact-native-gif-keyboard","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpimdewitte%2Freact-native-gif-keyboard/lists"}