start consumer scan

App.js

@@ -13,21 +13,25 @@ import Step4 from './screens/regisitration/Step4'
 import Step5 from './screens/regisitration/Step5'
 import Step6 from './screens/regisitration/Step6'
 
+
+import ConsumerScan from './screens/consumer/Scan'
+
 import {
   createStackNavigator,
 } from 'react-navigation'
 
 
 
 const App = createStackNavigator({
-  // Home: { screen: HomeScreen },
+  Home: { screen: HomeScreen },
   Reg1 : { screen : Step1 },
   Reg2 : { screen : Step2 },
   Reg3 : { screen : Step3 },
   Reg4 : { screen : Step4 },
   Reg5 : { screen : Step5 },
   Reg6 : { screen : Step6 },
-  Display : { screen : Display }
+  Display : { screen : Display },
+  ConsumerScan : { screen : ConsumerScan }
 });
 
 export default App;

components/NavBar.js

@@ -1,34 +1,45 @@
 import React from "react";
 import { Text, View, StyleSheet } from "react-native";
-import NavigationBar from "react-native-navbar";
+import { Button } from "react-native-elements";
 
 export default class NavBar extends React.Component {
   render() {
     return (
       <View style={styles.navbar}>
-        <Text  style={styles.text}> BlockTree </Text>
+        <Text  style={styles.text}> Localtrail </Text>
       </View>
     );
   }
 }
 
 const styles = StyleSheet.create({
-  navbar: {
+  navbar : {
     height: 46,
-    width: 375,
     backgroundColor: "#1dc890",
     position: "absolute",
     top: 0,
     flex: 1,
-    alignSelf: "stretch",
     right: 0,
     left: 0
   },
   text : {
-      color: 'white',
+      color : 'white',
       fontSize : 30,
       fontWeight : 'bold',
-      marginTop : 7
+      marginTop : 7,
+  },
+  text2 : {
+    color : 'white',
+    fontSize : 30,
+    fontWeight : 'bold',
+    marginTop : 7,
+    width : 100,
+    textAlign : 'right',
+    position: "absolute",
+    top: 0,
+    flex: 1,
+    right: 0,
+    marginRight : 15
   }
 });
 

package.json

@@ -23,6 +23,7 @@
     "react": "16.3.1",
     "react-native": "~0.55.2",
     "react-native-elements": "^0.19.1",
+    "react-native-fontawesome": "^5.7.0",
     "react-native-navbar": "^2.1.0",
     "react-native-sound": "^0.10.9",
     "react-navigation": "^2.0.1"

screens/HomeScreen.js

@@ -14,7 +14,13 @@ export default class HomeScreen extends React.Component {
         <Text>Home </Text>
         <Button
             onPress={() => navigate('Reg1')}
-            title="Get Started"
+            title="Add Goods"
+            color="#841584"
+            accessibilityLabel="Learn more about this purple button"
+        />
+        <Button
+            onPress={() => navigate('ConsumerScan')}
+            title="Scan Goods"
             color="#841584"
             accessibilityLabel="Learn more about this purple button"
         />

screens/consumer/Scan.js

@@ -0,0 +1,24 @@
+import React from 'react'
+import { StyleSheet, Text, View } from 'react-native'
+import NavBar from './../../components/NavBar'
+
+
+export default class Display extends React.Component {
+  render() {
+    return (
+      <View style={styles.container}>
+        <NavBar/>
+        <Text>Scan  </Text>
+      </View>
+    );
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+});

screens/regisitration/Step6.js

@@ -38,13 +38,13 @@ export default class Step5 extends React.Component {
       <Text style={styles.stepText}>Done</Text>
       <Text style={styles.heading}>Done</Text>
                   <View style={styles.container}>
-
-
-
-
       </View>
-
-
+      <Button
+          onPress={() => navigate('ConsumerScan')}
+          title="Scan Goods"
+          color="#841584"
+          accessibilityLabel="Learn more about this purple button"
+      />
       </View>
     );
   }