-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
46 lines (41 loc) · 1.5 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
import React from 'react';
import { useCallback } from 'react';
import Ionicons from 'react-native-vector-icons/Ionicons';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import HomeStack from './stacks/HomeStack';
import AppDetailsScreen from './screens/AppDetailsScreen';
const Tab = createBottomTabNavigator();
const queryClient = new QueryClient();
const App = () => {
return (
<QueryClientProvider client={queryClient}>
<NavigationContainer>
<Tab.Navigator
screenOptions={({ route }) => ({
tabBarIcon: ({ focused, color, size }) => {
let iconName;
if (route.name === 'Home') {
iconName = focused ? 'home' : 'home-outline';
} else {
iconName = focused ? 'wine' : 'wine-outline';
}
return <Ionicons name={iconName} size={size} color={color} />;
},
tabBarActiveTintColor: 'black',
tabBarInactiveTintColor: 'black',
})}
>
<Tab.Screen name="Home" component={HomeStack} options={{ headerShown: false }} />
<Tab.Screen
name="Le Gin'to"
component={AppDetailsScreen}
options={{ headerShown: false }}
/>
</Tab.Navigator>
</NavigationContainer>
</QueryClientProvider>
);
};
export default App;