ReactNativePJ/App.js at master · tanlucvo/ReactNativePJ · 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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
import * as React from "react";
import { Button, View } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import {
    createStackNavigator,
    CardStyleInterpolators,
} from "@react-navigation/stack";
import Home from "./src/Components/Home";
import store from "./src/Components/Redux/store";
import { Provider as StoreProvider } from "react-redux";
import SearchBarInput from "./src/Components/SearchBar";
import AllList from "./src/Components/Screen/AllList";
import Today from "./src/Components/Screen/Today";
import Important from "./src/Components/Screen/Important";
import Completed from "./src/Components/Screen/Completed";

const Stack = createStackNavigator();

function MyStack() {
    return (
        <StoreProvider store={store}>
            <Stack.Navigator
                screenOptions={{
                    cardStyleInterpolator:
                        CardStyleInterpolators.forHorizontalIOS,

                    headerShown: true,
                    headerStyle: {
                        backgroundColor: "black",
                        shadowRadius: 0,
                        shadowOffset: {
                            height: 0,
                        },
                    },
                }}
            >
                <Stack.Screen
                    name="Home"
                    component={Home}
                    options={{
                        headerShown: false,
                        title: "Danh sách",
                    }}
                />
                <Stack.Screen
                    name="AllList"
                    component={AllList}
                    options={{
                        title: "Tất cả",
                        headerTintColor: "#fff",
                        headerTitleStyle: {
                            fontWeight: "bold",
                        },
                    }}
                />
                <Stack.Screen
                    name="Today"
                    component={Today}
                    options={{
                        title: "Hôm nay",
                        headerTintColor: "#fff",
                        headerTitleStyle: {
                            fontWeight: "bold",
                        },
                    }}
                />
                <Stack.Screen
                    name="Important"
                    component={Important}
                    options={{
                        title: "Quang trọng",
                        headerTintColor: "#fff",
                        headerTitleStyle: {
                            fontWeight: "bold",
                        },
                    }}
                />
                <Stack.Screen
                    name="Completed"
                    component={Completed}
                    options={{
                        title: "Đã hoàn thành",
                        headerTintColor: "#fff",
                        headerTitleStyle: {
                            fontWeight: "bold",
                        },
                    }}
                />
            </Stack.Navigator>
        </StoreProvider>
    );
}

export default function App() {
    return (
        <NavigationContainer>
            <MyStack />
        </NavigationContainer>
    );
}