advanced-react-native-qrcode-mask v1.0.1

react-native-qrcode-mask

React Native QR Code Mask Component for IOS and Android

Installation

yarn add react-native-qrcode-mask

or

npm install react-native-qrcode-mask

Usage

import React, { useState } from 'react';
import { View, StyleSheet } from 'react-native';
import Camera from 'react-native-camera';
import QrCodeMask from 'react-native-qrcode-mask';

function App() {
  return (
    <View style={styles.container}>
      <Camera>
        <QrCodeMask
          // lineColor='green'
          lineDirection='horizontal'
          height={80}
          edgeColor='red'
          topTitle='Bar Code Scanner'
          bottomTitle='Put the barcode into the box'
        />
      </Camera>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingHorizontal: 16,
  },
});

export default App;

Property

Credits

• @Nghi-NV