⚡ Single-Path Native Performance
Concatenates all QR modules into a single SVG <Path /> element, speeding up native mobile rendering by up to 100x.
RN QR Code
@masumdev/rn-qr-code is a high-performance vector SVG QR code generator for React Native and Expo projects. It provides built-in design presets, custom corner eye shapes, module piece styling, linear & radial gradients, center logo masking, async non-blocking rendering, and auto-fit versioning.
NPM Package Stats
Features
🚀 Non-Blocking Async Mode
Use isAsync to generate complex QR codes asynchronously without blocking the main UI thread during navigation.
🎨 Built-in Design Presets
Includes 16+ pre-configured presets like BASIC, HEART, DOT, TRIANGLE, RAIN, WITH_LOGO, LINEAR_GRADIENT, and RADIAL_GRADIENT.
🎯 Auto-Fit Versioning
Dynamically expands QR matrix versions to fit any URL or payload length without capacity overflow errors.
Getting Started
Installation Learn how to install @masumdev/rn-qr-code and react-native-svg.
Usage Guide Render QR codes with presets, loading placeholders, async mode, and Props API.
Presets Gallery Explore all pre-configured design presets in QR_CODE_CONFIGS.
Advanced Customization Configure corner eye radii, linear/radial gradients, logos, and image clips.