inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React Native with Expo: 제로초에게 제대로 배우기

Expo Router와 _layout, Navigation

[질문아님] tabBarLabel 대신 tabBarShowLabel

58

도도한 불도새

작성한 질문수 4

1

궁금해서 Gemini에게 물어봤는데요..!
tabBarLabel이 {null}로 반환하는 것과 {""} 빈문자열 넣는 법.
이 두가지 차이점을 물어보다가 아래 tabBarShowLabel 속성이 있다는 걸 알게됐고,
요 속성은 아예 레이아웃 처리가 되지 않는 다는 걸 알게됐습니다.
부모 <Tabs />에 한번만 쓰면 하위에 다 적용되는 구조입니다.

tabBarShowLabel: false,


일단 저는 이 속성 사용해보고있는데,
좋은 것 같아용 ㅎㅎ

제로초님은 이걸 사용하지 않으시던데,
혹시나 요거 사용하면 안되는거면 댓글 달아주세용ㅎㅎ

react react-native 하이브리드-앱 typescript expo tabbarshowlabel tabbarlabel

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.
도도한 불도새님, 작성하신 내용을 기반으로 tabBarLabeltabBarShowLabel 속성에 대해 설명드리겠습니다.

tabBarLabel은 탭 바 항목에 표시할 레이블을 지정하는 속성입니다. 이 속성에 null을 사용하면 레이블이 렌더링되지 않고, 빈 문자열 ""을 사용하면 레이블의 공간은 남아있으나 텍스트가 표시되지 않습니다.

반면, tabBarShowLabel 속성은 false로 설정하면 레이블 자체가 뷰에서 완전히 제거되므로 레이아웃 공간도 차지하지 않게 됩니다. 따라서 하위 탭 모두에 일관되게 레이아웃을 적용하고 싶을 때 유용합니다.

제로초님이 이 속성을 사용하지 않더라도, 사용하는 데 문제가 없으며 필요에 따라 자신의 프로젝트에 맞게 사용하시면 됩니다. 잘 이용하고 계시다니 다행입니다!

자세한 내용은 공식 문서에서도 확인하실 수 있습니다.

추가적으로 궁금한 점이나 도움이 필요한 부분이 있으면 언제든지 말씀해 주세요!

expo-blur 사용하면서 생긴 버그입니다.

0

113

3

router.navigate 동작이 달라졌을까요?

0

64

1

Toast 기능

0

74

2

onEndReached 함수가 바로 호출 되지 않는 이슈

1

63

1

expo push service에 관한 질문

0

79

2

ios에서 개발중이신 분들은

1

85

1

Location.getCurrentPositionAsync({}); 에러

1

125

3

.

0

122

2

EAS preview 빌드 후 Device에서 카카오 로그인 브라우저가 안켜짐

0

119

2

폴더 구조 관련 질문

0

132

2

혹시 리액트네이티브 관련해서 좋은 참고서도 있을까요??

0

105

1

제로초님께서는 Nativewind는 사용안하지는지 궁금합니다.

1

267

2

.

0

88

2

eas build:configure 안되는데, "git"이 반드시 설치되어 있어야 하나요?

0

80

2

.

0

104

2

혹시 해당 강의 보면서 테스트용으로 사용할 맥북을 구매할 예정인데 어느정도 스펙 이상으로 사야 할지 의견 받아볼수있을까요?

0

73

2

.

0

114

1

.

0

120

2

기기에서는 네트워크 에러가 납니다.

0

101

2

빌드 문의드립니다.

0

73

1

.

0

126

2

.

0

83

2

Expo-blur unimplement 오류

0

106

3

.

0

107

2