JinyJiny'-'

1. 이번 포스팅의 목적 Bottom-Tab Navigator가 메인화면에 있고, 어떤 Tab을 누르면(또는 어떤 Component를 누르면) 하단 탭 없이 화면을 전체 다 덮게 뜨게 하고 싶을 수 있다. (예를 들어보자면, 쿠팡앱에서 하단 탭에 "검색"을 누를 때, 메인에서 상품 하나를 눌렀을 때 등) 이때, navigation을 어떤 식으로 구성하면 되는지 알아보자. 예제는 styled-component, 반응형디자인([React Native] 10. 반응형 디자인 적용하기) 을 사용했습니다. 2. Bottom Tab Navigator 구성 Bottom Tab Navigator는 이전 포스팅_[React-Native] 8. Bottom Tab Navigator 사용하기_의 예제를 사용한다. 이전 포스..

이전 포스팅 [React-Native] 4. react-navigation V5 설정하기 에서 react-navigation을 설치하고, Material Bottom Tab Navigator의 간단한 예제를 실행해보았다. 이번 포스팅에선 Bottom Tab Navigator을 사용해보자! (공식 문서는 여기) 예제는 styled-component, 반응형디자인([React Native] 10. 반응형 디자인 적용하기) 을 사용했습니다. 1. Bottom Tab Navigator를 import 해준다. import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; 2. Bottom Tab 생성 및 커스텀 const Tab = create..