{"id":16926124,"url":"https://github.com/rishichawda/react-native-qrcode-generator","last_synced_at":"2025-03-17T07:31:44.770Z","repository":{"id":52139572,"uuid":"180308166","full_name":"rishichawda/react-native-qrcode-generator","owner":"rishichawda","description":"A minimal QRcode component for React Native","archived":false,"fork":false,"pushed_at":"2023-01-26T06:19:32.000Z","size":122,"stargazers_count":32,"open_issues_count":7,"forks_count":13,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-15T20:02:14.638Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/react-native-qrcode-generator","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rishichawda.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-04-09T07:18:16.000Z","updated_at":"2022-12-21T10:08:57.000Z","dependencies_parsed_at":"2023-02-14T14:46:24.991Z","dependency_job_id":null,"html_url":"https://github.com/rishichawda/react-native-qrcode-generator","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Freact-native-qrcode-generator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Freact-native-qrcode-generator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Freact-native-qrcode-generator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Freact-native-qrcode-generator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rishichawda","download_url":"https://codeload.github.com/rishichawda/react-native-qrcode-generator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243784107,"owners_count":20347409,"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-13T20:29:06.432Z","updated_at":"2025-03-17T07:31:44.496Z","avatar_url":"https://github.com/rishichawda.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#### This is a fork of [react-native-qrcode](https://github.com/cssivision/react-native-qrcode) with fixes and other enhancements since the original is not maintained anymore.\n\n# react-native-qrcode\nA react-native component to generate [QRcode](http://en.wikipedia.org/wiki/QR_code).\n\n## Installation\n\n```sh\nnpx install-peerdeps --save react-native-qrcode-generator\n```\n\n*(**Note** : If you want to use the original unmaintained package, [visit this link](https://github.com/cssivision/react-native-qrcode)).*\n\n## Usage\n```jsx\n'use strict';\n\nimport React, { Component } from 'react'\nimport QRCode from 'react-native-qrcode-generator';\n\nimport {\n    AppRegistry,\n    StyleSheet,\n    View,\n    TextInput\n} from 'react-native';\n\nclass HelloWorld extends Component {\n  state = {\n    text: 'http://facebook.github.io/react-native/',\n  };\n\n  render() {\n    return (\n      \u003cView style={styles.container}\u003e\n        \u003cTextInput\n          style={styles.input}\n          onChangeText={(text) =\u003e this.setState({text: text})}\n          value={this.state.text}\n        /\u003e\n        \u003cQRCode\n          value={this.state.text}\n          size={200}\n          bgColor='black'\n          fgColor='white'/\u003e\n      \u003c/View\u003e\n    );\n  };\n}\n\nconst styles = StyleSheet.create({\n    container: {\n        flex: 1,\n        backgroundColor: 'white',\n        alignItems: 'center',\n        justifyContent: 'center'\n    },\n\n    input: {\n        height: 40,\n        borderColor: 'gray',\n        borderWidth: 1,\n        margin: 10,\n        borderRadius: 5,\n        padding: 5,\n    }\n});\n\nAppRegistry.registerComponent('HelloWorld', () =\u003e HelloWorld);\n\nmodule.exports = HelloWorld;\n```\n\n#### Output : \n\n\u003cimg src='qrcode.png' height = '256' width = '256'/\u003e\n\n##\n\n## Available Props\n\nprop      | type                 | Description\n----------|----------------------|--------------\n`value`   | `string`  ( **Default** : `http://facebook.github.io/react-native/` ) | Value of the QRCode. \n`size`    | `number` ( **Default** : `128` ) | Size of the qrcode / image.\n`bgColor` | `string` ( **Default** : `white` ) | Background Color for the qrcode / image.\n`fgColor` | `string` ( **Default** : `black` ) | Foreground Color for the qrcode / image.\n`getImageOnLoad` | `function` | Returns the base64 png image data *( string )*.\n\n\n## Licenses\n\nAll source code is licensed under the [MIT License](https://github.com/rishichawda/react-native-qrcode/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishichawda%2Freact-native-qrcode-generator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frishichawda%2Freact-native-qrcode-generator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishichawda%2Freact-native-qrcode-generator/lists"}