-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
39 lines (35 loc) · 1.44 KB
/
App.js
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
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { BACKGROUND_COLOR_LIGHT, TINT_COLOR } from "./constants/style";
import Home from "./screens/Home";
import Aeropress from "./screens/Aeropress";
import FrenchPress from "./screens/FrenchPress";
import MokaPot from "./screens/MokaPot";
import PourOver from "./screens/PourOver";
const Stack = createNativeStackNavigator();
const screenOptions = {
headerBackTitle: "Back",
headerStyle: { backgroundColor: BACKGROUND_COLOR_LIGHT },
headerTintColor: TINT_COLOR,
};
const options = {
Home: { title: "Let's Brew" },
Aeropress: { title: "Aeropress" },
FrenchPress: { title: "FrenchPress" },
MokaPot: { title: "Moka Pot" },
PourOver: { title: "Pour Over" },
};
function App() {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="Home" screenOptions={screenOptions}>
<Stack.Screen name="Home" component={Home} options={options.Home} />
<Stack.Screen name="Aeropress" component={Aeropress} options={options.Aeropress} />
<Stack.Screen name="FrenchPress" component={FrenchPress} options={options.FrenchPress} />
<Stack.Screen name="MokaPot" component={MokaPot} options={options.MokaPot} />
<Stack.Screen name="PourOver" component={PourOver} options={options.PourOver} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;