상세 컨텐츠

본문 제목

바텀 네비게이션 (숨기기/나타나기/숨겼다가나타나기)

react-native-tool

by RNDK 2023. 6. 28. 11:38

본문

import {NavigationProps} from '../navigation/NavigationProps';

/**
* @param {NavigationProps} navigation navigation props
* @returns 리턴시 display:flex
* @description 페이지 이동시 네비게이션이 사라지고 첫스택으로 이동시 다시 나타납니다
*/
export function hideAppearNav(navigation: NavigationProps['navigation']) {
const parent = navigation.getParent();
parent?.setOptions({
tabBarStyle: {display: 'none'},
});

return () => {
parent?.setOptions({
tabBarStyle: {display: 'flex'},
});
};
}

/**
*
* @param {NavigationProps} navigation navigation props
* @description 네비게이션을 숨깁니다.
*/
export function hideNav(navigation: NavigationProps['navigation']) {
const parent = navigation.getParent();
parent?.setOptions({
tabBarStyle: {display: 'none'},
});
}
/**
*
* @param {NavigationProps} navigation navigation props
* @description 네비게이션을 나타냅니다.
*/
export function appearNav(navigation: NavigationProps['navigation']) {
const parent = navigation.getParent();
parent?.setOptions({
tabBarStyle: {display: 'flex'},
});
}

관련글 더보기

댓글 영역