반응형
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
- 리액트 쿼리
- gitpages
- mongoDB
- 리액트네이티브
- bottom tabs
- reactnative
- react
- Hook 함수
- useRef
- useMemo
- react native
- iTerm2
- 갤럭시 스킨
- rembg
- useCallback
- ReactQuery
- Drawer
- 포트폴리오 사이트
- listeners
- nodejs
- oh-my-zsh
- useState
- 이미지 배경 지우기
- tabBarStyle
- useEffect
- redux/toolkit
- Stack
- MonGo
- bottom tabBar
- 에뮬레이터 스킨
Archives
- Today
- Total
목록tabBarStyle (1)
프론트엔드 개발자의 개발 놀이터
Bottom tabBar 안보이도록 설정하는 방법
import {useIsFocused} from '@react-navigation/native'; const isFocused = useIsFocused(); useEffect(() => { if (isFocused) { // 포커싱이 되면 tabBar display none navigation.getParent().setOptions({tabBarStyle: {display: 'none'}}); } else { // none 포커싱이 되면 바뀐 tabBarStyle을 재설정 해주어야 합니다. navigation.getParent().setOptions({ tabBarStyle: { display: 'flex', backgroundColor: '#000000', borderTopColor: '#59565..
React Native
2024. 2. 7. 10:46