-
Notifications
You must be signed in to change notification settings - Fork 1
/
App.js
89 lines (84 loc) · 2.35 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
TouchableOpacity,
Linking
} from 'react-native';
import QRCodeScanner from 'react-native-qrcode-scanner';
import { RNCamera } from 'react-native-camera';
import {Dimensions} from "react-native-web";
const SCREEN_HEIGHT = Dimensions.get("window").height;
const SCREEN_WIDTH = Dimensions.get("window").width;
export default class Qrscanner extends Component {
onSuccess = e => {
if (e.type === "QR_CODE") {
console.log("Bir qr code okutuldu.");
Linking.openURL(e.data); // okutulan qr koddaki veriye gidiliyor.
} else {
alert("Okuma başarısız!");
}
};
onPress = () => {
Linking.openURL("https://github.com/nurmeryem");
};
render() {
return (
<QRCodeScanner
onRead={this.onSuccess} // Qr okuma başarılı olduğunda
//flashMode={RNCamera.Constants.FlashMode.torch} // flash modunu aktif edebiliriz.
reactivate={true} // yalnızca bir kez qr okutmak istiyorsak bu özelliği 'false' olarak ayarlamalıyız.
showMarker={true} // kamerada yeşil bir çerçeve gösterebiliriz.
cameraType={"back"} // varsayılan olarak kamera tipi 'back' gelmekte ancak 'front' yazarak ön kamerayı açabiliriz.
markerStyle={styles.markerS}
topContent={
<Text style={styles.ustBilgi}> Bu bir üst bilgidir. </Text>
}
bottomContent={
<TouchableOpacity style={styles.buttonTouchable} onPress={this.onPress} >
<Text style={styles.altBilgi}> ->Tıklayınız-> </Text>
</TouchableOpacity>
}
cameraStyle={[{height: SCREEN_HEIGHT, width: SCREEN_WIDTH, zIndex: -9}]}
/>
);
}
}
const styles = StyleSheet.create({
centerText: {
flex: 1,
fontSize: 18,
padding: 32,
color: '#777'
},
ustBilgi: {
fontSize:30,
color:'#CC0DC0',
textAlign:'center',
},
altBilgi: {
fontSize:30,
color:'#1B9EA4',
textAlign:'center',
marginTop:50,
},
markerS:{
borderColor: "#00c000",
borderWidth: 3,
width: 200,
height: 200,
marginTop: 300,
},
textBold: {
fontWeight: '500',
color: '#000'
},
buttonText: {
fontSize: 21,
color: 'rgb(0,122,255)'
},
buttonTouchable: {
padding: 16
}
});