Scan.js

import React from 'react';
import {
  StyleSheet,
  Text,
  TouchableOpacity,
  Linking,
  Image,
  ImageBackground,
  View,
  DeviceEventEmitter,
} from 'react-native';
import QRCodeScanner from 'react-native-qrcode-scanner';
import {RNCamera} from 'react-native-camera';

const Scan = () => {
  const onSuccess = e => {
    alert(e.data);
  };
  return (
    <View style={styles.container}>
      <View
        style={{
          backgroundColor: 'cyan',
          flex: 0.1,
          justifyContent: 'center',
        }}>
        <Text
          style={{
            color: 'white',
            fontWeight: 'bold',
            textAlign: 'center',
            fontSize: 20,
          }}>
          Scan QR Code
        </Text>
      </View>
      <View style={{flex: 0.75}}>
        <QRCodeScanner
          cameraStyle={{width: '90%', alignSelf: 'center'}}
          onRead={e => onSuccess(e)}
        />
      </View>
      <View style={{flex: 0.1, backgroundColor: 'cyan'}}></View>
    </View>
  );
};
const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: 'white',
  },
});

export default Scan;