the-git-users-app/App.js at main · appdevumd/the-git-users-app · GitHub

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
import { StatusBar } from 'expo-status-bar';
import { ScrollView, Text, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';

import { IansPage } from "./pages/IansPage";
import { DJsPage } from "./pages/DJsPage";
import { PatrickPage } from "./pages/PatrickPage";

// Add your import below!
import { DanielsPage } from "./pages/DanielsPage";
import { RiyasPage } from "./pages/RiyasPage";
import { LukesPage } from "./pages/LukesPage";
import { evansPage } from "./pages/evansPage";
import { YashsPage } from "./pages/YashPage";

function Home({ navigation }) {
  return (
    <ScrollView style={{ flex: 1 }}>
      <Text style={{ textAlign: "center", fontSize: 40 }}>These people can use Git!</Text>

      <Button
        title="Ian"
        onPress={() => navigation.navigate("IansPage")}
      />
      <Button
        title="DJ"
        onPress={() => navigation.navigate("DJsPage")}
      />

      {/* Add yourself below! */}
      <Button
        title="Daniel"
        onPress={() => navigation.navigate("DanielsPage")}
      />
      <Button
        title="Riya"
        onPress={() => navigation.navigate("RiyasPage")}
      />
      <Button
        title="Patrick"
        onPress={() => navigation.navigate("PatrickPage")}
      />
      <Button
        title="Luke"
        onPress={() => navigation.navigate("LukesPage")}
      />
      <Button
        title="Evan"
        onPress={() => navigation.navigate("evansPage")}
      />
      <Button
        title="Yash"
        onPress={() => navigation.navigate("YashsPage")}
      />
    </ScrollView>
  );
}

const Stack = createNativeStackNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={Home} />

        <Stack.Screen name="IansPage" component={IansPage} />
        <Stack.Screen name="PatrickPage" component={PatrickPage} />

        {/* Add yourself below! */}
        <Stack.Screen name="DanielsPage" component={DanielsPage} />
        <Stack.Screen name="RiyasPage" component={RiyasPage} />
        <Stack.Screen name="LukesPage" component={LukesPage} />
        <Stack.Screen name="evansPage" component={evansPage} />
        <Stack.Screen name="DJsPage" component={DJsPage} />
        <Stack.Screen name="YashsPage" component={YashsPage} />
      </Stack.Navigator>
    </NavigationContainer>
  );
}