import React from 'react'; import { StyleSheet } from 'react-native'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; import { createStackNavigator } from '@react-navigation/stack'; import Ionicons from 'react-native-vector-icons/Ionicons'; import Monthly from './Monthly'; import Analy from './Analy'; import PostMoney from './PostMoney'; import MainScreen from './MainScreen'; import DetailInfo from './DetailInfo'; import DeptPage from './DeptPage'; import DeptDetails from './screens/DeptDetails'; import MemoPage from './MemoPage'; import MemoDetails from './screens/MemoDetails'; const Tab = createBottomTabNavigator(); const Stack = createStackNavigator(); function Home() { return ( ({ tabBarIcon: ({ focused, color, size }) => { let iconName; if (route.name === 'Main') { iconName = focused ? 'home' : 'home-outline'; } else if (route.name === 'Monthly') { iconName = focused ? 'calendar' : 'calendar-outline'; } else if (route.name === 'Analy') { iconName = focused ? 'bar-chart' : 'bar-chart-outline'; } return ; }, })} tabBarOptions={{ activeTintColor: 'skyblue', inactiveTintColor: 'gray', }}> ) } function App() { return ( ); } const style = StyleSheet.create({ TextInput: { borderColor: 'skyblue', height: 40, margin: 12, borderWidth: 1 }, Font: { fontSize: 24 }, Contents: { justifyContent: "center", alignItems: "center", margin: 10 } }); export default App;