더북(TheBook)

screens/MainScreen.js - TabScreen

<Tab.Screen
  name="Home"
  component={HomeScreen}
  options={{
    tabBarLabel: '홈',
    tabBarIcon: ({color}) => <Icon name="home" color={color} size={24} />,
    tabBarColor: 'black',
  }}
/>
<Tab.Screen
  name="Search"
  component={SearchScreen}
  options={{
    tabBarLabel: '검색',
    tabBarIcon: ({color}) => (
      <Icon name="search" color={color} size={24} />
    ),
    tabBarColor: 'gray',
  }}
/>
<Tab.Screen
  name="Notification"
  component={NotificationScreen}
  options={{
    tabBarLabel: '알림',
    tabBarIcon: ({color}) => (
      <Icon name="notifications" color={color} size={24} />
    ),
    tabBarColor: 'green',
  }}
/>
<Tab.Screen
  name="Message"
  component={MessageScreen}
  options={{
    tabBarLabel: '메시지',
    tabBarIcon: ({color}) => (
      <Icon name="message" color={color} size={24} />
    ),
    tabBarColor: 'blue',
  }}
/>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.