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로 똑같이 넣어주면 가능
'FrontEnd > ReactNative' 카테고리의 다른 글
XCode Simulator를 변경하고 싶어요 (0) | 2022.11.01 |
---|---|
React Native 키보드로 세로길이가 바뀌는것을 막고싶어요! (0) | 2022.10.26 |
앱에서는 브라우저 저장소를 어떻게 사용하나요? React Native로 개발하는 방법! Async-Storage, Debugging Tool (0) | 2022.10.26 |
React Native에서는 어떻게 페이지 이동을 하나요? React Navigation이 있어요! (0) | 2022.10.26 |
React-Native 작동원리와 WebView, 기본 태그 및 Styled Component (0) | 2022.10.26 |