{"id":3994,"url":"https://github.com/cssivision/react-native-qrcode","last_synced_at":"2025-08-04T00:30:55.601Z","repository":{"id":2448780,"uuid":"46570659","full_name":"cssivision/react-native-qrcode","owner":"cssivision","description":"a minimalist qrcode component for  react-native ","archived":false,"fork":false,"pushed_at":"2022-01-24T01:33:55.000Z","size":91,"stargazers_count":853,"open_issues_count":50,"forks_count":304,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-11-30T07:02:59.165Z","etag":null,"topics":["qrcode","react-native"],"latest_commit_sha":null,"homepage":"","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/cssivision.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":"2015-11-20T15:38:47.000Z","updated_at":"2024-10-16T20:20:20.000Z","dependencies_parsed_at":"2022-08-06T12:15:26.369Z","dependency_job_id":null,"html_url":"https://github.com/cssivision/react-native-qrcode","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cssivision%2Freact-native-qrcode","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cssivision%2Freact-native-qrcode/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cssivision%2Freact-native-qrcode/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cssivision%2Freact-native-qrcode/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cssivision","download_url":"https://codeload.github.com/cssivision/react-native-qrcode/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228573276,"owners_count":17939017,"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":["qrcode","react-native"],"created_at":"2024-01-05T20:16:57.920Z","updated_at":"2024-12-07T07:30:53.377Z","avatar_url":"https://github.com/cssivision.png","language":"JavaScript","readme":"# THIS PROJECT IS NO LONGER MAINTAINED\n\n# react-native-qrcode\nA react-native component to generate [QRcode](http://en.wikipedia.org/wiki/QR_code), not only support English.\n\n## Installation\n```sh\nnpm install react-native-qrcode --save\n```\n## Usage\n```jsx\n'use strict';\n\nimport React, { Component } from 'react'\nimport QRCode from 'react-native-qrcode';\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='purple'\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## Available Props\n\nprop      | type                 | default value\n----------|----------------------|--------------\n`value`   | `string`             | `http://facebook.github.io/react-native/`\n`size`    | `number`             | `128`\n`bgColor` | `string` (CSS color) | `\"#000\"`\n`fgColor` | `string` (CSS color) | `\"#FFF\"`\n\n\u003cimg src='qrcode.png' height = '256' width = '256'/\u003e\n\n# Licenses\n\nAll source code is licensed under the [MIT License](https://github.com/cssivision/react-native-qrcode/blob/master/LICENSE).\n","funding_links":[],"categories":["Components","JavaScript","Others"],"sub_categories":["UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcssivision%2Freact-native-qrcode","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcssivision%2Freact-native-qrcode","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcssivision%2Freact-native-qrcode/lists"}