{"id":13476627,"url":"https://github.com/torifat/react-native-bem-check-box","last_synced_at":"2025-04-11T16:31:49.171Z","repository":{"id":57335733,"uuid":"55749321","full_name":"torifat/react-native-bem-check-box","owner":"torifat","description":"React Native bridge for awesome BEMCheckBox https://github.com/Boris-Em/BEMCheckBox","archived":false,"fork":false,"pushed_at":"2017-12-15T11:03:02.000Z","size":123,"stargazers_count":40,"open_issues_count":3,"forks_count":10,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-13T00:02:29.662Z","etag":null,"topics":["component","react-native"],"latest_commit_sha":null,"homepage":null,"language":"Objective-C","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/torifat.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":"2016-04-08T04:06:11.000Z","updated_at":"2022-04-06T06:57:07.000Z","dependencies_parsed_at":"2022-09-14T19:02:38.742Z","dependency_job_id":null,"html_url":"https://github.com/torifat/react-native-bem-check-box","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torifat%2Freact-native-bem-check-box","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torifat%2Freact-native-bem-check-box/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torifat%2Freact-native-bem-check-box/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/torifat%2Freact-native-bem-check-box/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/torifat","download_url":"https://codeload.github.com/torifat/react-native-bem-check-box/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248441232,"owners_count":21103947,"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":["component","react-native"],"created_at":"2024-07-31T16:01:32.733Z","updated_at":"2025-04-11T16:31:48.830Z","avatar_url":"https://github.com/torifat.png","language":"Objective-C","funding_links":[],"categories":["Objective-C","\u003ca name=\"Alter,-Prompt,-Action-\u0026-Dialog:-Native-Modules\"\u003eAlter, Prompt, Action \u0026 Dialog: Native Modules\u003c/a\u003e"],"sub_categories":[],"readme":"# React Native BEMCheckbox\nReact Native bridge for awesome [BEMCheckBox](https://github.com/Boris-Em/BEMCheckBox)\n\n**iOS Only**\n\n![Preview](preview.gif)\n\n### Content\n- [Installation](#installation)\n- [Usage example](#usage-example)\n  - [Basic usage](#basic-usage)\n- [Component properties](#component-properties)\n- [Changelog](#changelog)\n- [License](#license)\n\n### Installation\n1. Install package via `npm`:\n\n  ```sh\n  npm install --save react-native-bem-check-box\n  ```\n\n2. Link your library by one of those ways: either by using `rnpm link` (see more about rnpm [here](https://github.com/rnpm/rnpm)) or like it's [described here](http://facebook.github.io/react-native/docs/linking-libraries-ios.html).\n3. Inside your code include JS part by adding\n\n  ```javascript\n  import BEMCheckBox from 'react-native-bem-check-box';\n  ```\n\n5. Compile and have fun!\n\n### Usage example\nYou can run built-in example via few simple steps:\n\n1. Clone repository\n2. Go to `Example`\n3. Run `npm install \u0026\u0026 open CheckBox.xcodeproj`\n4. Hit \"Run\"(`cmd+R`) button on XCode panel\n\n#### Basic usage\n\n```javascript\nimport BEMCheckBox from 'react-native-bem-check-box';\n\n\u003cBEMCheckBox\n  onValueChange={value =\u003e this.setState(value)}\n/\u003e\n```\n\n### Component properties\n\nCheck [this section](https://github.com/Boris-Em/BEMCheckBox#customization) in `BEMCheckBox` document\n\n- `value` (boolean) - The current state. **Defaults to `false`**\n\n- `lineWidth` (number) - The width of the lines of the check mark and box. **Defaults to `2.0`**\n\n- `hideBox` (boolean) - boolean to control if the box should be hidden or not. Setting this property to `true` will basically turn the checkbox into a check mark. **Defaults to false**\n\n- `boxType` (string) - The type of box to use. **Defaults to `circle`**\n  - `circle`\n  - `square`\n\n- `tintColor` (string) - The color of the line around the box when it is Off. **Defaults to `#aaaaaa`**\n\n- `onCheckColor` (string) - The color of the check mark when it is On. **Defaults to `#007aff`**\n\n- `onFillColor` (string) - The color of the inside of the box when it is On. **Defaults to `transparent`**\n\n- `onTintColor` (string) - The color of the line around the box when it is On. **Defaults to `#007aff`**\n\n- `animationDuration` (number) - The duration in seconds of the animations. **Defaults to `0.5`**\n\n- `onAnimationType`/`offAnimationType` (string) - The type of animation to use when the checkbox gets checked/unchecked. **Defaults to `stroke`**\n  - `stroke`\n  - `fill`\n  - `bounce`\n  - `flat`\n  - `one-stroke`\n  - `fade`\n\n- `onValueChange` (function) - every time the check box gets tapped, after its properties are updated, but before the animations are completed.\n\n- `onAnimationEnd` (function) - every time the check box finishes being animated.\n\n## Changelog\n\n- 0.3.2 Animate on `value` property set\n- 0.3.1 Updated podspec\n- 0.2.0 Added Example\n- 0.1.0 Initial release\n\n## License\n\nCopyright 2016 Rifat Nabi  \nLicensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftorifat%2Freact-native-bem-check-box","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftorifat%2Freact-native-bem-check-box","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftorifat%2Freact-native-bem-check-box/lists"}