-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
113 lines (102 loc) · 2.79 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
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
101
102
103
104
105
106
107
108
109
110
111
112
113
import { GestureHandlerRootView } from "react-native-gesture-handler";
import 'react-native-url-polyfill/auto';
import React from "react";
import { SafeAreaProvider } from "react-native-safe-area-context";
import { StackScreen } from "./src/Navigation/NavigationStack";
import { StyleSheet} from "react-native";
import { PaperProvider } from "react-native-paper";
import { DataProvider, useDataSet } from "./src/context/DataContext";
import Welcome from "./src/screens/Welcome";
import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
import BottomSheetModalComponent from "./src/components/Modal/BottomSheetModal";
import { ListProvider } from "./src/context/List/ListContext";
export default App = () => {
console.log();
return(
<SafeAreaProvider>
<DataProvider>
<ListProvider>
<Main />
</ListProvider>
</DataProvider>
</SafeAreaProvider>
)
}
function Main({}) {
// THEME
const { theme } = useDataSet();
// A remettre en True quand l'application est finie pour afficher Welcome
const [appOpening, setAppOpening] = React.useState(true);
const styles = StyleSheet.create({
buttonModalOpen: {
position: "absolute",
bottom: 10,
right: "37%",
borderRadius: 50,
justifyContent: "center",
alignItems: "center",
},
buttonModalClose: {
position: "absolute",
top: 420,
width: 70,
height: 70,
borderRadius: 50,
justifyContent: "center",
alignItems: "center",
},
background: {
backgroundColor: "darkgrey",
justifyContent: "center",
alignItems: "center",
flex: 1,
},
listContainerLittle: {
justifyContent: "center",
alignItems: "center",
flexDirection: "row",
flexWrap: "wrap",
flex: 1,
marginVertical: 10,
},
listContainerBig: {
justifyContent: "center",
alignItems: "center",
flexDirection: "row",
flexWrap: "wrap",
flex: 1,
marginVertical: 40,
},
ModalWindow: {
backgroundColor: "white",
width: "100%",
borderRadius: 30,
shadowColor: "black",
shadowOffset: {
width: 0,
height: -10,
},
shadowOpacity: 0.4,
shadowRadius: 5,
color: "black",
},
});
// BOTTOM SHEET
return (
<GestureHandlerRootView style={{ flex: 1 }}>
<PaperProvider theme={theme}>
<BottomSheetModalProvider >
{appOpening && (
<Welcome setAppOpening={setAppOpening} />
)}
{appOpening ? null : (
<>
<StackScreen />
<BottomSheetModalComponent />
</>
)}
</BottomSheetModalProvider>
</PaperProvider>
</GestureHandlerRootView>
);
}