grace's dev_note

  • 홈
  • 태그
  • 방명록

react navigation 2

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

yarn add @react-navigation/bottom-tabsimport { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; const Tab = createBottomTabNavigator(); function MyTabs() { return ( ( ), tabBarLabel: "홈" }}/> ); } 해당 탭 네이게이션에 아이콘으로 이미지를 넣어주고 싶다면 Image source로 똑같이 넣어주면 가능

FrontEnd/ReactNative 2022.10.26

React Native에서는 어떻게 페이지 이동을 하나요? React Navigation이 있어요!

React-Navigation React Native에서는 앱 내 화면 간 전환을 처리하기 위해 라이브러리로 react-navigation을 사용합니다. React-Navigaton 설치 react navigation 설치 링크 react navigation 설치 명령어 입니다. # npm npm install @react-navigation/native # yarn yarn add @react-navigation/native 또한, react-native-screens와 react-native-safe-area-context가 있습니다. 이 라이브러리는 react navigation을 통해 탐색된 컨테이너를 앱에 노출해주기 위해 사용해야하는 종속 라이브러리입니다. 이것들을 함께 설치해주도록 하겠습니다...

FrontEnd/ReactNative 2022.10.26
이전
1
다음
더보기
프로필사진

기술 및 회고 블로그

  • 분류 전체보기
    • 회고
    • FrontEnd
      • Next.js
      • React
      • ReactNativ..
      • Vue
    • Javascript
      • 러닝 자바스크립트
      • 모던 자바스크립트
    • CS
    • DataScienc..
      • Data Struc..
      • LeetCode
    • BackEnd
      • Express
      • Node.js
      • Nest.js
    • DevOps
      • Docker
    • 코드캠프

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바