react native qr code scanner

1'use strict';
2
3import React, { Component } from 'react';
4
5import {
6  AppRegistry,
7  StyleSheet,
8  Text,
9  TouchableOpacity,
10  Linking
11} from 'react-native';
12
13import QRCodeScanner from 'react-native-qrcode-scanner';
14import { RNCamera } from 'react-native-camera';
15
16class ScanScreen extends Component {
17  onSuccess = e => {
18    Linking.openURL(e.data).catch(err =>
19      console.error('An error occured', err)
20    );
21  };
22
23  render() {
24    return (
25      <QRCodeScanner
26        onRead={this.onSuccess}
27        flashMode={RNCamera.Constants.FlashMode.torch}
28        topContent={
29          <Text style={styles.centerText}>
30            Go to{' '}
31            <Text style={styles.textBold}>wikipedia.org/wiki/QR_code</Text> on
32            your computer and scan the QR code.
33          </Text>
34        }
35        bottomContent={
36          <TouchableOpacity style={styles.buttonTouchable}>
37            <Text style={styles.buttonText}>OK. Got it!</Text>
38          </TouchableOpacity>
39        }
40      />
41    );
42  }
43}
44
45const styles = StyleSheet.create({
46  centerText: {
47    flex: 1,
48    fontSize: 18,
49    padding: 32,
50    color: '#777'
51  },
52  textBold: {
53    fontWeight: '500',
54    color: '#000'
55  },
56  buttonText: {
57    fontSize: 21,
58    color: 'rgb(0,122,255)'
59  },
60  buttonTouchable: {
61    padding: 16
62  }
63});
64
65AppRegistry.registerComponent('default', () => ScanScreen);