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로 똑같이 넣어주면 가능