-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
111 lines (101 loc) · 2.21 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
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import React, { useContext, useState } from 'react';
import {
View,
Text,
Button,
TextInput,
Image,
FlatList,
StatusBar,
} from 'react-native';
import { getHeaderTitle } from '@react-navigation/elements';
import TestStausBar from './pages/test/testStatusBar';
import EditorCenterAlignment from './svgs/editor-center-alignment.svg';
import MainPage from './pages/main/mainPage';
import { storeData, getData } from './test_storage';
import TaskRealmProvider from './data/RealmConfig';
const Stack = createNativeStackNavigator();
export default function AppWrapper() {
return (
<TaskRealmProvider>
<App />
</TaskRealmProvider>
);
}
function App() {
return (
<NavigationContainer>
<Stack.Navigator initialRouteName="main">
<Stack.Screen
name="main"
component={MainPage}
options={{
headerShown: false,
}}
/>
<Stack.Screen
name="Home"
component={Home}
options={{
headerShown: true,
header: HomeHeader,
}}
/>
<Stack.Screen
name="AccountManager"
component={AccountManager}
/>
<Stack.Screen
name="logout"
component={Logout}
/>
<Stack.Screen
name="testStatusBar"
component={TestStausBar}
/>
</Stack.Navigator>
</NavigationContainer>
);
}
function Home() {
return (
<View>
<StatusBar
translucent={false}
backgroundColor="white"
barStyle="dark-content"
/>
<Text>Home</Text>
<Text>
Height:
{StatusBar.currentHeight}
</Text>
</View>
);
}
function HomeHeader({
navigation, route, options, back,
}) {
const title = getHeaderTitle(options, route.name);
return (
<View style={{ flex: 1 }}>
<EditorCenterAlignment width={120} height={40} />
</View>
);
}
function AccountManager() {
return (
<View>
Account manager
</View>
);
}
function Logout() {
return (
<View>
Logout
</View>
);
}