반응형
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
- 리액트네이티브
- 포트폴리오 사이트
- Hook 함수
- useState
- react
- mongoDB
- nodejs
- rembg
- 이미지 배경 지우기
- reactnative
- bottom tabs
- Drawer
- bottom tabBar
- useMemo
- redux/toolkit
- tabBarStyle
- 리액트 쿼리
- react native
- MonGo
- 갤럭시 스킨
- Stack
- useEffect
- useRef
- ReactQuery
- oh-my-zsh
- listeners
- 에뮬레이터 스킨
- useCallback
- gitpages
- iTerm2
Archives
- Today
- Total
프론트엔드 개발자의 개발 놀이터
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: '#595653',
},
});
}
}, [isFocused]);
'React Native' 카테고리의 다른 글
Drawer Navigator 등록 방법 (0) | 2024.02.07 |
---|---|
Bottom tabs Navigation listeners 등록 (0) | 2024.02.07 |
자주 사용하는 RN 라이브러리 정리 (0) | 2024.02.03 |
RN 다양한 에러 대응 (0) | 2024.02.02 |
안드로이드 갤럭시 에뮬레이터 스킨 적용하기 (0) | 2024.02.02 |