반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 포트폴리오 사이트
- ReactQuery
- mongoDB
- Stack
- useEffect
- MonGo
- bottom tabBar
- useMemo
- react
- react native
- useState
- 에뮬레이터 스킨
- 리액트 쿼리
- oh-my-zsh
- listeners
- Drawer
- Hook 함수
- reactnative
- 이미지 배경 지우기
- 리액트네이티브
- rembg
- useCallback
- bottom tabs
- tabBarStyle
- gitpages
- useRef
- 갤럭시 스킨
- redux/toolkit
- iTerm2
- nodejs
Archives
- Today
- Total
목록listeners (1)
프론트엔드 개발자의 개발 놀이터
Bottom tabs Navigation listeners 등록
일반적으로 Bottom tabs Navigator에 등록된 Screen을 누르면 component에 등록된 첫번째 스택이 보여지게 됩니다. 하지만 메모 앱과 같이 Screen을 누르면 다음 스택(메모 작성 화면)으로 이동하는 기능을 추가하고 싶을 때는 Screen에 listeners를 등록해주고 navigation.navigate() 함수를 사용하여 이동되도록 하면 됩니다. flow : 앱 실행 -> Bottom tabs Navigator의 첫번째 Screen Load -> 첫번째 Screen의 component에 등록된 첫번째 Stack이 화면에 보여짐 -> tabBarIcon을 누르면 listeners에서 다음 스택으로 이동하는 함수 호출 // BottomNavigation.tsx ({ tabPres..
React Native
2024. 2. 7. 10:29