Nav.js

// 필요없는 페이지

import { StatusBar } from 'expo-status-bar';
import { StyleSheet, Text, View, Image,TouchableOpacity } from 'react-native';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import {NavigationContainer} from '@react-navigation/native';
import {createNativeStackNavigator} from '@react-navigation/native-stack';
import Home from './components/Home';
import Write from './components/Write';
import Receive from './components/Receive';
import Auth from './Auth';
import Login from './Login';

const Tab = createBottomTabNavigator();

export default function App() {
    return (
        <View style={styles.background}>
        <Image source={require('gomaoom/assets/blueTop.png')}/>


        <StatusBar style="auto" />
        <NavigationContainer style={styles.nav}>
            <Tab.Navigator
            screenOptions={({route}) => ({
                tabBarIcon: ({focused, color, size}) => {
                let iconName;
                if (route.name === '홈') {
                    iconName = focused
                    ? require('./assets/icons/Home.png')
                    : require('./assets/icons/Home.png');
                } else if (route.name === '보관함') {
                    iconName = focused
                    ? require('./assets/icons/mailbox.png')
                    : require('./assets/icons/mailbox.png');
                } else if (route.name === '작성하기') {
                    iconName = focused
                    ? require('./assets/icons/Write.png')
                    : require('./assets/icons/Write.png');
                } 

                return (
                    <Image source={iconName} style={{width: 25, height: 25}} />
                );
                },
            })}>
            <Tab.Screen name="보관함" component={Receive}/>
            <Tab.Screen name="홈" component={Home}/>
            <Tab.Screen name="작성하기" component={Write}/>
			<Tab.Screen name="회원가입" component={Auth}/>
			<Tab.Screen name="로그인" component={Login}/>
            </Tab.Navigator>
        </NavigationContainer>
        

        </View>
    );
}

const styles = StyleSheet.create({
    background:{
        backgroundColor: '#FFFCF8',
        flex:1,
    },
    container: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
    },
    nav:{
        backgroundColor:'#CCE0CC',
        padding:40,
    },
    
    
});