implement search stack screen independent of tabbar

ujjalacharya · May 5, 2020 · 8575656 · 8575656
1 parent b1ed829
commit 8575656
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 4 deletions.
diff --git a/app/src/routes/index.js b/app/src/routes/index.js
@@ -1,11 +1,23 @@
 import React, { Component } from "react";
 import { NavigationContainer } from "@react-navigation/native";
+import { createStackNavigator } from "@react-navigation/stack";
+
+const Stack = createStackNavigator();
+
 import TabNavigators from "./TabNavigators";
+import SearchScreen from "../screens/AfterGo/SearchScreen";
 
 export default function App() {
   return (
-    <NavigationContainer>
-      <TabNavigators/>
+    <NavigationContainer headerMode="none">
+      <Stack.Navigator
+        screenOptions={{
+          headerShown: false,
+        }}
+      >
+        <Stack.Screen name="Root" component={TabNavigators} />
+        <Stack.Screen name="Search" component={SearchScreen} />
+      </Stack.Navigator>
     </NavigationContainer>
   );
-}
+}
diff --git a/app/src/screens/AfterGo/SearchScreen.js b/app/src/screens/AfterGo/SearchScreen.js
@@ -0,0 +1,22 @@
+import React, { Component } from "react";
+import { Text, View } from "react-native";
+import { Appbar } from "react-native-paper";
+
+export class SearchScreen extends Component {
+  _goBack = () => {
+    this.props.navigation.pop();
+  };
+  render() {
+    return (
+      <View>
+        <Appbar.Header>
+          <Appbar.BackAction onPress={this._goBack} />
+          <Appbar.Content title="Search" />
+        </Appbar.Header>
+        <Text> Search Screen </Text>
+      </View>
+    );
+  }
+}
+
+export default SearchScreen;
diff --git a/app/src/screens/HomeScreen/index.js b/app/src/screens/HomeScreen/index.js
@@ -222,7 +222,7 @@ export class HomeScreen extends Component {
               <View style={styles.submitButtonContainer}>
                 <Button
                   mode="contained"
-                  onPress={() => Alert.alert("Something will happen soon!")}
+                  onPress={() => this.props.navigation.navigate("Search")}
                   style={styles.submitButton}
                   disabled={!buttonEnabled}
                 >