-
Notifications
You must be signed in to change notification settings - Fork 0
/
AuthStack.tsx
100 lines (92 loc) · 3.54 KB
/
AuthStack.tsx
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
import { KeyboardAvoidingView } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import RecentExpenses from './screens/RecentExpensesScreen';
import Profile from './screens/Profile';
import {Ionicons} from '@expo/vector-icons';
import { Provider } from 'react-redux';
import { store } from './states/redux/store';
import {HeaderButton} from './components/headerAddButton';
import OverlayToggleContextProvider from './states/context/InputOverlayContext';
import SpendingInput from './screens/SpendingInput';
import SpendingDetailsComponent from './screens/SpengingDetails';
import AllExpensesReactQuery from './ReactQ_screens/AllExpensesReactQuery';
import SpendingInputReactQ from './ReactQ_screens/SpendingInputReactQ';
import SpendingDetailsReactQ from './ReactQ_screens/SpendingDetailsReactQ';
import AuthPages from './screens/AuthPages';
import Colors from './constants/colors';
const Tab = createBottomTabNavigator();
const AuthStack = () => {
return (
<OverlayToggleContextProvider>
<Provider store={store}>
<KeyboardAvoidingView>
<SpendingInput/>
<SpendingInputReactQ/>
</KeyboardAvoidingView>
<NavigationContainer>
<Tab.Navigator
initialRouteName='AllExpensesReactQuery'
screenOptions={{
headerRight:({color,size}:any)=> <HeaderButton size={40}/>,
headerStyle:{
backgroundColor:Colors.Dark_Purple,
},
tabBarStyle:{
backgroundColor:Colors.Dark_Purple,
borderTopColor:Colors.Dark_Purple,
},
tabBarActiveTintColor:Colors.Tangerine,
//tabBarInactiveTintColor:Colors.Columbia_blue,
}}>
{/*
<Tab.Screen
name="All Expenses"
component={AllExpenses}
options={{
tabBarIcon: ({color,size}:any)=>(<Ionicons name="cash-outline" color={color} size={size}/>)
}}/>
*/}
<Tab.Screen
name="AllExpensesReactQuery"
component={AllExpensesReactQuery}
options={{
tabBarIcon: ({color,size}:any)=>(<Ionicons name="receipt" color={color} size={size}/>),
title:'All Expenses',
headerTitleStyle:{
color:Colors.Tangerine,
}
}}/>
<Tab.Screen
name="Recent expenses"
component={RecentExpenses}
options={{
tabBarIcon: ({color,size}:any)=>(<Ionicons name="wallet" color={color} size={size}/>),
headerTitleStyle:{
color:Colors.Tangerine,
}
}}
/>
<Tab.Screen
name="Profile"
component={Profile}
options={{
tabBarIcon: ({color,size}:any)=>(<Ionicons name="person-outline" color={color} size={size}/>),
headerTitleStyle:{
color:Colors.Tangerine,
},
title:'My Profile'
}}/>
<Tab.Screen
name="Details"
component={SpendingDetailsComponent}
options={{
tabBarButton: () => null
}}/>
</Tab.Navigator>
</NavigationContainer>
</Provider>
</OverlayToggleContextProvider>
)
}
export default AuthStack