React Navigation TabNavigator

Grace·2021년 12월 29일
0

React Native

목록 보기
5/6
yarn add @react-navigation/bottom-tabs
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';

const Tab = createBottomTabNavigator();

function MyTabs() {
  return (
    <Tab.Navigator>
      <Tab.Screen 
        name="Home" 
        component={HomeScreen} 
        options={{
          tabBarIcon: () => (
            <Image
            source={require('./public/images/community/BookmarkIcon.png')} />
          ),
          tabBarLabel: "홈"
        }}/>
      <Tab.Screen name="Settings" component={SettingsScreen} />
    </Tab.Navigator>
  );
}

해당 탭 네이게이션에 아이콘으로 이미지를 넣어주고 싶다면 Image source로 똑같이 넣어주면 가능

profile
기술블로그 이전:: https://meercat.tistory.com/

0개의 댓글