Add Real-time analysis

Author: aryaminus

src/screens/Home/index.js

@@ -247,16 +247,28 @@ class Home extends Component {
                   </View>
                 )}
                 {isPredictPage && (
-                  <Button
-                    buttonStyle={styles.loadButton}
-                    containerStyle={{ flex: 0 }}
-                    activeOpacity={0.8}
-                    text={"Analyze an image"}
-                    onPress={this._onClick}
-                    textStyle={styles.loadTextButton}
-                    loading={loading}
-                    disabled={loading}
-                  />
+                  <View>
+                    <Button
+                      buttonStyle={styles.loadButton}
+                      containerStyle={{ flex: 0 }}
+                      activeOpacity={0.8}
+                      text={"Image analysis"}
+                      onPress={this._onClick}
+                      textStyle={styles.loadTextButton}
+                      loading={loading}
+                      disabled={loading}
+                    />
+                    <Button
+                      buttonStyle={styles.loadButton2}
+                      containerStyle={{ flex: 0 }}
+                      activeOpacity={0.8}
+                      text={"Realtime analysis"}
+                      onPress={this._onClick}
+                      textStyle={styles.loadTextButton}
+                      loading={loading}
+                      disabled={loading}
+                    />
+                  </View>
                 )}
               </View>
             </KeyboardAvoidingView>

src/screens/Home/styles.js

@@ -42,6 +42,13 @@ const styles = StyleSheet.create({
     height: 50,
     width: 200
   },
+  loadButton2: {
+    backgroundColor: "rgba(232, 147, 142, 1)",
+    borderRadius: 10,
+    height: 50,
+    width: 200,
+    marginTop: 10
+  },
   titleContainer: {
     height: 280,
     backgroundColor: "transparent",