-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
67 lines (63 loc) · 1.86 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
import { StyleSheet, StatusBar } from 'react-native';
import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import Main from './app/layout/Main';
import colors from './app/theme/colors';
import Detail from './app/views/detail/Detail';
import Content from './app/layout/Content';
import SearchBooks from './app/views/search/SearchBooks';
import Home from './app/views/home/Home';
import Error from './app/views/error/Error';
const Stack = createNativeStackNavigator();
export default function App() {
return (
<SafeAreaProvider>
<SafeAreaView style={styles.container}>
<NavigationContainer>
<Stack.Navigator
screenOptions={{
headerShown: false,
animation: 'none',
}}
>
<Stack.Screen name="Home">
{() => (
<Main>
<Home />
</Main>
)}
</Stack.Screen>
<Stack.Screen name="Search">
{() => (
<Main searchBar>
<SearchBooks />
</Main>
)}
</Stack.Screen>
<Stack.Screen name="Detail">
{() => (
<Main>
<Detail />
</Main>
)}
</Stack.Screen>
<Stack.Screen name="Error">
{() => (
<Main>
<Error />
</Main>
)}
</Stack.Screen>
</Stack.Navigator>
</NavigationContainer>
</SafeAreaView>
</SafeAreaProvider>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: colors.base,
},
});