-
Notifications
You must be signed in to change notification settings - Fork 0
/
App.js
34 lines (29 loc) · 1.42 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
import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, TouchableOpacity, Button } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'
import FAIcon from 'react-native-vector-icons/FontAwesome';
import Home from './Home';
import CalendarPage from './CalendarPage';
import JournalPage from './JournalPage';
import HistoryPage from './HistoryPage';
import VoiceMemo from './VoiceMemo';
const Tab = createBottomTabNavigator()
export default function App() {
return (
<NavigationContainer>
<Tab.Navigator>
<Tab.Screen name="Home" component={Home} options={{headerShown: false, tabBarIcon:()=>(
<FAIcon name="home"></FAIcon>
)}}/>
<Tab.Screen name="CalendarPage" component={CalendarPage} options={{headerShown: false,tabBarIcon:()=>(
<FAIcon name="calendar"></FAIcon>
)}}/>
<Tab.Screen name="JournalPage" component={JournalPage} options={{headerShown: false,tabBarButton:(props)=>null}}/>
<Tab.Screen name="HistoryPage" component={HistoryPage} options={{headerShown: false,tabBarButton:(props)=>null}}/>
<Tab.Screen name="VoiceMemo" component={VoiceMemo} options={{headerShown: false,tabBarButton:(props)=>null}}/>
</Tab.Navigator>
</NavigationContainer>
);
}