/
App.js
64 lines (60 loc) · 1.4 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
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
import React from "react";
import HomeScreen from "./src/screens/HomeScreen";
import CaliculateScreen from "./src/screens/CaliculateScreen";
import CopyScreen from "./src/screens/CopyScreen";
import ViewScreen from "./src/screens/ViewScreen";
import { createAppContainer } from "react-navigation";
import { createStackNavigator } from "react-navigation-stack";
const HomeStack = createStackNavigator({
Home: {
screen: HomeScreen,
navigationOptions: ({ navigation }) => {
return {
title: "ホーム",
};
},
},
View: {
screen: ViewScreen,
navigationOptions: ({ navigation }) => {
return {
title: "詳細",
};
},
},
});
const ModalStack = createStackNavigator(
{
HomeStack: { screen: HomeStack },
Caliculate: {
screen: CaliculateScreen,
mode: "modal",
navigationOptions: ({ navigation }) => {
return {
title: "レシピを計算",
};
},
},
Copy: {
screen: CopyScreen,
mode: "modal",
navigationOptions: ({ navigation }) => {
return {
title: "レシピを計算",
};
},
},
},
{
initialRouteName: "HomeStack",
mode: "modal",
headerMode: "none",
}
);
export default class App extends React.Component {
render() {
//AppContainerでラップ
const Layout = createAppContainer(ModalStack);
return <Layout />;
}
}