Socket
Socket
Sign inDemoInstall

react-native-qrcode-svg

Package Overview
Dependencies
Maintainers
1
Versions
39
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-qrcode-svg

A QR Code generator for React Native based on react-native-svg and javascript-qrcode.


Version published
Weekly downloads
138K
increased by5.15%
Maintainers
1
Weekly downloads
 
Created

What is react-native-qrcode-svg?

The react-native-qrcode-svg package is a React Native component for generating QR codes. It allows you to create QR codes with various customization options, including size, color, and embedded logos or images.

What are react-native-qrcode-svg's main functionalities?

Basic QR Code Generation

This feature allows you to generate a basic QR code with a given value. The value can be any string, such as a URL, text, or other data.

import QRCode from 'react-native-qrcode-svg';

const BasicQRCode = () => (
  <QRCode
    value="https://example.com"
  />
);

Customizable QR Code

This feature allows you to customize the QR code's size, color, and background color. You can adjust these properties to fit the design requirements of your application.

import QRCode from 'react-native-qrcode-svg';

const CustomQRCode = () => (
  <QRCode
    value="https://example.com"
    size={200}
    color="blue"
    backgroundColor="yellow"
  />
);

QR Code with Logo

This feature allows you to embed a logo or image in the center of the QR code. This is useful for branding purposes or to provide additional context within the QR code.

import QRCode from 'react-native-qrcode-svg';
import { Image } from 'react-native';

const LogoQRCode = () => (
  <QRCode
    value="https://example.com"
    logo={{ uri: 'https://example.com/logo.png' }}
    logoSize={30}
    logoBackgroundColor="transparent"
  />
);

Other packages similar to react-native-qrcode-svg

Keywords

FAQs

Package last updated on 13 Aug 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc