From 33adc9f0d6dfba0e88148a84ebcfce162f2d68cd Mon Sep 17 00:00:00 2001
From: Dmytro Ponomarenko <dmytropo@wix.com>
Date: Mon, 12 Mar 2018 10:30:06 +0200
Subject: [PATCH] add ExampleScreen for checking correct work of scanner

---
 example/src/BarcodeScreen.js | 14 +++++++++-
 example/src/ExampleScreen.js | 54 ++++++++++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+), 1 deletion(-)
 create mode 100644 example/src/ExampleScreen.js

diff --git a/example/src/BarcodeScreen.js b/example/src/BarcodeScreen.js
index d363448..8b18f5f 100644
--- a/example/src/BarcodeScreen.js
+++ b/example/src/BarcodeScreen.js
@@ -3,10 +3,17 @@ import {
   Alert
 } from 'react-native';
 import { CameraKitCameraScreen } from 'react-native-camera-kit';
+import ExampleScreen from './ExampleScreen';
 
 
 export default class CameraScreen extends Component {
 
+  constructor(props) {
+    super(props);
+    this.state = {
+      example: undefined
+    };
+  }
 
   onBottomButtonPressed(event) {
     const captureImages = JSON.stringify(event.captureImages);
@@ -21,6 +28,10 @@ export default class CameraScreen extends Component {
   }
 
   render() {
+    if (this.state.example) {
+      const CameraScreen = this.state.example;
+      return <CameraScreen />;
+    }
     return (
       <CameraKitCameraScreen
         actions={{ rightButtonText: 'Done', leftButtonText: 'Cancel' }}
@@ -35,7 +46,8 @@ export default class CameraScreen extends Component {
         laserColor={"blue"}
         frameColor={"yellow"}
        
-        onReadCode={((event) => Alert.alert(`Qr code found ${event.nativeEvent.codeStringValue} `))} 
+        //onReadCode={((event) => Alert.alert(`Qr code found ${event.nativeEvent.codeStringValue} `))} 
+        onReadCode = {((event) => this.setState({ example: ExampleScreen}))}
         hideControls={true} 
         isNeedMultipleScanBarcode = {true}
         // offsetForScannerFrame = {10}  
diff --git a/example/src/ExampleScreen.js b/example/src/ExampleScreen.js
new file mode 100644
index 0000000..e5ef830
--- /dev/null
+++ b/example/src/ExampleScreen.js
@@ -0,0 +1,54 @@
+import React, { Component } from 'react';
+import {
+  Alert,
+  View,
+  TouchableOpacity,
+  Text,
+  StyleSheet
+} from 'react-native';
+import BarcodeScreen from './BarcodeScreen';
+
+export default class ExampleScreen extends Component {
+
+    constructor(props) {
+        super(props);
+        this.state = {
+            example: undefined
+        };
+    }
+
+  render() {
+    if (this.state.example) {
+        const ExampleScreen = this.state.example;
+        return <ExampleScreen />;
+    }
+    return (
+        <View style  = {styles.container}>
+        <TouchableOpacity onPress={(() => this.setState({example : BarcodeScreen}))}>
+            <Text style={styles.buttonText}>
+              Back button
+            </Text>
+          </TouchableOpacity>
+        </View>
+    );
+  }
+}
+
+
+const styles = StyleSheet.create({
+    container: {
+      flex: 1,
+      // justifyContent: 'center',
+      paddingTop: 60,
+      alignItems: 'center',
+      backgroundColor: '#F5FCFF',
+    },
+    buttonText: {
+      color: 'blue',
+      marginBottom: 20,
+      fontSize: 20
+    }
+  });
+
+
+