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
|
//import { StatusBar } from 'expo-status-bar';
import * as React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
const Stack = createNativeStackNavigator();
import Home from "./components/Home";
import Gallery from "./components/Gallery";
import PhotoBig from "./components/PhotoBig";
import Camera from "./components/Camera";
import Setting from "./components/Settings";
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="home" component={Home} options={{ headerShown: false }} />
<Stack.Screen name="gallery" component={Gallery} options={{
title: 'Gallery of phtos from DCIM/',
headerStyle: {
backgroundColor: '#EB1F63',
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'bold',
},
}} />
<Stack.Screen name="photoBig" component={PhotoBig} options={{
title: 'Chosen photo',
headerStyle: {
backgroundColor: '#EB1F63',
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'bold',
},
}} />
<Stack.Screen name="camera" component={Camera} options={{
title: 'Camera',
headerStyle: {
backgroundColor: '#EB1F63',
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'bold',
},
}} />
<Stack.Screen name="settings" component={Setting} options={{
title: 'Settings',
headerStyle: {
backgroundColor: '#EB1F63',
},
headerTintColor: '#ffffff',
headerTitleStyle: {
fontWeight: 'bold',
},
}} />
</Stack.Navigator>
</NavigationContainer>
);
}
// const styles = StyleSheet.create({
// container: {
// flex: 1,
// backgroundColor: '#fff',
// alignItems: 'center',
// justifyContent: 'center',
// },
// });
|
