{"repo":"rosskhanas/react-qr-code","free":true,"listed":false,"github":"https://github.com/rosskhanas/react-qr-code","clone":"git clone https://github.com/rosskhanas/react-qr-code.git","description":"A QR code generator for React and React Native.","language":"JavaScript","stars":886,"topics":["react","react-native","qr-code","component"],"license":"MIT","category":"mobile-apps","readme_excerpt":"react-qr-code A component for React. This library works with React and React Native (using React Native SVG). Screenshots Web Android & iOS Installation When using this library with React Native, you will also need to have react-native-svg installed. The Gist Note: If the QR code is likely to appear next to dark objects, you will need to wrap it in a light-colored container to preserve the 'quiet zone', e.g. Responsive QR code example: API prop type default value platform --------- ---------------------------- ------------- ----------------- bgColor string '#FFFFFF' web, ios, android fgColor string '#000000' web, ios, android level string ( 'L' 'M' 'Q' 'H' ) 'L' web, ios, android size number 256 web, ios, android title string web value string web, ios, android Adheres to the official QR spec and can store up to 2953 characters in value . Non-ASCII / UTF-8 text react-qr-code encodes data in UTF-8 byte mode to ensure non-ASCII text (e.g., Korean, Japanese, emoji) renders and scans correctly. Just pass a normal JavaScript string: No additional encoding is required on your side. Testing UTF-8 locally 1. Build the demo library bundle in watch mode: - In one terminal: npm run demo-web-watch 2. Run the demo app: - In another terminal: npm run demo 3. Open the demo in your browser (Expo starts it automatically) and type a non-ASCII value (e.g., 안녕하세요 , こんにちは , or an emoji) into the input. 4. Scan the QR code with a phone camera app. The decoded text should match exactly. License MIT","default_branch":null,"files":null,"tree":[],"storefront":"/r/rosskhanas","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/rosskhanas/react-qr-code/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}