A React Native QR code generator component using SVG for high-quality rendering and customization.
react-native-qrcode-svg is a React Native library that generates QR codes as SVG components. It solves the need for displaying customizable, high-quality QR codes in mobile applications without relying on external image services. The library provides a simple component interface with extensive styling options including logo embedding, gradient colors, and error correction control.
React Native developers building mobile applications that require QR code generation, such as payment apps, ticket systems, authentication flows, or any app needing to share data via scannable codes.
Developers choose this library for its SVG-based rendering that ensures crisp output on all devices, its extensive customization options including logo support and gradients, and its straightforward integration as a React component without native linking complexities in modern React Native versions.
A QR Code generator for React Native based on react-native-svg and node-qrcode.
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Uses react-native-svg for scalable output that remains sharp on any screen resolution, as emphasized in the README's SVG-based rendering feature.
Allows embedding custom logos from base64 strings or local files with control over size, background color, and margin, demonstrated in the examples with transparent backdrops.
Supports gradient colors, error correction levels, and manual mode for advanced QR code generation, offering deep control over appearance and functionality as detailed in the props table.
For React Native 0.60+, installation is straightforward with pod install and no manual linking, simplifying setup for current projects.
The feature to save QR codes to the device gallery is labeled as experimental and not tested on iOS, limiting reliability for production use as admitted in the README.
The base64 export function does not include embedded logos, as noted in the README, which can hinder applications needing complete QR code images for processing.
For React Native versions below 0.75, additional metro configuration is required, adding complexity and potential for errors, as outlined in the integration section.
Logo borderRadius is not supported on Android, reducing cross-platform consistency for styled logos, as mentioned in the props table under logoBorderRadius.