Grace
grace's dev_note
Grace
전체 방문자
오늘
어제
  • 분류 전체보기
    • FrontEnd
      • Next.js
      • React
      • ReactNativ..
      • Vue
    • Javascript
      • 러닝 자바스크립트
      • 모던 자바스크립트
    • CS
    • DataScienc..
      • Data Struc..
      • LeetCode
    • BackEnd
      • Express
      • Node.js
      • Nest.js
    • DevOps
      • Docker
    • 매일메일
    • 회고
    • 코드캠프

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • nest.js
  • tanstack
  • backend
  • 함수
  • Vite
  • PostgreSQL
  • 번들러
  • 자바스크립트
  • pinia
  • vue-query
  • Vue.js
  • Vue
  • Vue3
  • javascript
  • React Native
  • postgres
  • 알고리즘
  • Express
  • vitejs
  • node.js

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
Grace

grace's dev_note

FrontEnd/ReactNative

React Navigation Tab Navigator를 사용하고 싶어요

2022. 10. 26. 17:25
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
    'FrontEnd/ReactNative' 카테고리의 다른 글
    • XCode Simulator를 변경하고 싶어요
    • React Native 키보드로 세로길이가 바뀌는것을 막고싶어요!
    • 앱에서는 브라우저 저장소를 어떻게 사용하나요? React Native로 개발하는 방법! Async-Storage, Debugging Tool
    • React Native에서는 어떻게 페이지 이동을 하나요? React Navigation이 있어요!
    Grace
    Grace
    기술 및 회고 블로그

    티스토리툴바