-
Notifications
You must be signed in to change notification settings - Fork 11
/
BarcodeScanner.js
104 lines (86 loc) · 2.76 KB
/
BarcodeScanner.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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
var React = require('react-native');
var NativeModules = require('NativeModules');
var ReactIOSViewAttributes = require('ReactIOSViewAttributes');
var StyleSheet = require('StyleSheet');
var createReactIOSNativeComponentClass = require('createReactIOSNativeComponentClass');
var PropTypes = require('ReactPropTypes');
var StyleSheetPropType = require('StyleSheetPropType');
var NativeMethodsMixin = require('NativeMethodsMixin');
var flattenStyle = require('flattenStyle');
var merge = require('merge');
var {
DeviceEventEmitter,
} = React;
var BarcodeScanner = React.createClass({
propTypes: {
onScanned: PropTypes.func.isRequired,
aspect: PropTypes.string,
type: PropTypes.string,
orientation: PropTypes.string,
},
mixins: [NativeMethodsMixin],
viewConfig: {
uiViewClassName: 'UIView',
validAttributes: ReactIOSViewAttributes.UIView
},
getInitialState: function() {
return {
isAuthorized: false,
aspect: this.props.aspect || 'Fill',
type: this.props.type || 'Back',
orientation: this.props.orientation || 'Portrait'
};
},
componentWillMount: function() {
NativeModules.BarcodeScannerManager.checkDeviceAuthorizationStatus((function(err, isAuthorized) {
this.state.isAuthorized = isAuthorized;
this.setState(this.state);
}).bind(this));
},
componentDidMount: function() {
console.log('Mounted');
var subscription = DeviceEventEmitter.addListener(
'scanned',
(value) => { console.log(value); this.props.onScanned(value); } );
},
componentDidUmnount: function() {
subscription.remove();
this.stopScanning();
console.log('Umounted');
},
render: function() {
var style = flattenStyle([styles.base, this.props.style]);
aspect = NativeModules.BarcodeScannerManager.aspects[this.state.aspect];
type = NativeModules.BarcodeScannerManager.cameras[this.state.type];
orientation = NativeModules.BarcodeScannerManager.orientations[this.state.orientation];
var nativeProps = merge(this.props, {
style,
aspect: aspect,
type: type,
orientation: orientation,
});
return <RCTBarcodeScanner {... nativeProps} />
},
switch: function() {
this.state.type = this.state.type == 'Back' ? 'Front' : 'Back';
this.setState(this.state);
},
startScanning: function() {
NativeModules.BarcodeScannerManager.startScanning();
},
stopScanning: function() {
NativeModules.BarcodeScannerManager.stopScanning();
}
});
var RCTBarcodeScanner = createReactIOSNativeComponentClass({
validAttributes: merge(ReactIOSViewAttributes.UIView, {
aspect: true,
type: true,
orientation: true
}),
uiViewClassName: 'RCTBarcodeScanner',
});
var styles = StyleSheet.create({
base: { },
});
module.exports = BarcodeScanner;