{"id":24953383,"url":"https://github.com/mroads/react-native-button-wrapper","last_synced_at":"2026-05-06T22:12:26.396Z","repository":{"id":36946344,"uuid":"232913211","full_name":"mroads/react-native-button-wrapper","owner":"mroads","description":"💬 react-native-button-wrapper is a lightweight library to integrate single click and double click in your React Native application that works seamlessly in android and iOS devices.","archived":false,"fork":false,"pushed_at":"2023-01-05T04:59:05.000Z","size":3220,"stargazers_count":0,"open_issues_count":31,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-18T13:11:21.278Z","etag":null,"topics":["hacktoberfest","hacktoberfest2021","react","react-native","react-native-button","react-native-button-wrapper","wrapper"],"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/mroads.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}},"created_at":"2020-01-09T21:53:07.000Z","updated_at":"2021-10-13T19:36:40.000Z","dependencies_parsed_at":"2023-01-17T07:31:01.792Z","dependency_job_id":null,"html_url":"https://github.com/mroads/react-native-button-wrapper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mroads%2Freact-native-button-wrapper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mroads%2Freact-native-button-wrapper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mroads%2Freact-native-button-wrapper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mroads%2Freact-native-button-wrapper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mroads","download_url":"https://codeload.github.com/mroads/react-native-button-wrapper/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246093098,"owners_count":20722395,"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":["hacktoberfest","hacktoberfest2021","react","react-native","react-native-button","react-native-button-wrapper","wrapper"],"created_at":"2025-02-03T03:35:52.252Z","updated_at":"2026-05-06T22:12:21.360Z","avatar_url":"https://github.com/mroads.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# react-native-button-wrapper\n\nThis npm resolve the multiple click issue on a button.\n\n![](button-wrapper.gif)\n\n# Setup\n### Installation\n\n`$ npm install react-native-button-wrapper --save`\n\nor\n\n`$ yarn add react-native-button-wrapper`\n\n## Usage\n\n### Props   \n##### Props you may need to pass while implementing. This wrapper default extends the properties of the touchable Opacity.\n\n| Prop           |     Default     |   Type   | Description                                                                                                 |\n| :------------- | :-------------: | :------: | :---------------------------------------------------------------------------------------------------------- |\n| onPress     |      () =\u003e {}       |  `function`  | Called when user clicked once.|\n| onDoublePress           |      () =\u003e {}       |  `function`  | Called when user clicked twice. |\n| useNativeBase          |       false        | `bool` | If `true`, the wrapper will return the native base button component.                                                                              |\n\n### Basic\n```javascript\n\nimport ButtonWrapper from 'react-native-button-wrapper';\n\nfunction Button() {\n  return (\n    \u003cButtonWrapper\n      onPress={() =\u003e {\n       \u003c!--- Write your code here ---\u003e\n      }}\n     \u003e\n      \u003cText\u003eButton\u003c/Text\u003e              \n     \u003c/ButtonWrapper\u003e\n   );\n }\n```\n\n### Native Base Implementation\n```javascript\n\nimport ButtonWrapper from 'react-native-button-wrapper';\n\n\nfunction Button() {\n  return (\n    \u003cButtonWrapper\n      useNativeBase\n      onDoublePress={() =\u003e {\n       \u003c!--- Write your code here ---\u003e\n      }}\n      onPress={() =\u003e {\n       \u003c!--- Write your code here ---\u003e\n      }}\n    \u003e\n      \u003cText\u003eButton\u003c/Text\u003e              \n    \u003c/ButtonWrapper\u003e\n  );\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmroads%2Freact-native-button-wrapper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmroads%2Freact-native-button-wrapper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmroads%2Freact-native-button-wrapper/lists"}