본문으둜 κ±΄λ„ˆλ›°κΈ°

νƒ­λ°” (tabbar)

πŸ”” μ΅œμ‹ ν™” 일자: 2025-02-20

κ°œμš”β€‹

tabbar λ„€μž„μŠ€νŽ˜μ΄μŠ€λŠ” μ•± λ‚΄ νƒ­λ°”(Tab Bar)의 ν‘œμ‹œ 여뢀와 νŠΉμ • νƒ­μœΌλ‘œμ˜ μ „ν™˜ 등을 μ œμ–΄ν•˜λŠ” κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€.
이λ₯Ό 톡해 μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€λ₯Ό λ™μ μœΌλ‘œ 관리할 수 μžˆμŠ΅λ‹ˆλ‹€.

πŸ“’ nachocode λŒ€μ‹œλ³΄λ“œμ—μ„œ νƒ­λ°”κ°€ λ¨Όμ € λ“±λ‘λœ ν›„ λΉŒλ“œλœ κ²½μš°μ—λ§Œ μž‘λ™ν•©λ‹ˆλ‹€.


λ©”μ„œλ“œ λͺ©λ‘β€‹

λ©”μ„œλ“œμ„€λͺ…μΆ”κ°€λœ 버전
moveTo(index)νŠΉμ • 인덱슀의 νƒ­μœΌλ‘œ μ „ν™˜ν•©λ‹ˆλ‹€.ver.1.1.0
show()νƒ­λ°”λ₯Ό 화면에 λ‹€μ‹œ ν‘œμ‹œν•©λ‹ˆλ‹€.ver.1.1.0
hide()νƒ­λ°”λ₯Ό ν™”λ©΄μ—μ„œ μˆ¨κΉλ‹ˆλ‹€.ver.1.1.0

λ©”μ„œλ“œ 상세​

moveTo(index: number): void​

  • since ver.1.1.0

μ„€λͺ… (moveTo)​

index에 ν•΄λ‹Ήν•˜λŠ” νƒ­μœΌλ‘œ μ „ν™˜ν•©λ‹ˆλ‹€.
nachocode λŒ€μ‹œλ³΄λ“œμ—μ„œ νƒ­λ°”κ°€ λ¨Όμ € λ“±λ‘λœ ν›„ λΉŒλ“œλœ κ²½μš°μ—λ§Œ μž‘λ™ν•©λ‹ˆλ‹€.

λ§€κ°œλ³€μˆ˜ (moveTo)​

μ΄λ¦„νƒ€μž…ν•„μˆ˜ μ—¬λΆ€μ„€λͺ…
indexnumberβœ…μ „ν™˜ν•  νƒ­μ˜ 인덱슀

λ°˜ν™˜ κ°’ (moveTo)​

ν•΄λ‹Ή λ©”μ„œλ“œλŠ” λ°˜ν™˜ 값을 가지지 μ•ŠμŠ΅λ‹ˆλ‹€.

μ‚¬μš© 예제 (moveTo)​

// 첫 번째 νƒ­μœΌλ‘œ 탭을 μ „ν™˜ν•©λ‹ˆλ‹€.
Nachocode.tabbar.moveTo(0);

// 두 번째 νƒ­μœΌλ‘œ 탭을 μ „ν™˜ν•©λ‹ˆλ‹€.
Nachocode.tabbar.moveTo(1);

show(): void​

  • since ver.1.1.0

μ„€λͺ… (show)​

ν˜„μž¬ μˆ¨κ²¨μ§„ νƒ­λ°”λ₯Ό λ‹€μ‹œ 화면에 ν‘œμ‹œν•©λ‹ˆλ‹€.
nachocode λŒ€μ‹œλ³΄λ“œμ—μ„œ νƒ­λ°”κ°€ λ¨Όμ € λ“±λ‘λœ ν›„ λΉŒλ“œλœ κ²½μš°μ—λ§Œ μž‘λ™ν•©λ‹ˆλ‹€.

λ°˜ν™˜ κ°’ (show)​

ν•΄λ‹Ή λ©”μ„œλ“œλŠ” λ°˜ν™˜ 값을 가지지 μ•ŠμŠ΅λ‹ˆλ‹€.

μ‚¬μš© 예제 (show)​

// μˆ¨κ²¨μ§„ νƒ­λ°”λ₯Ό λ‹€μ‹œ 보이게 ν•©λ‹ˆλ‹€.
Nachocode.tabbar.show();

hide(): void​

  • since ver.1.1.0

μ„€λͺ… (hide)​

ν˜„μž¬ 화면에 ν‘œμ‹œλœ νƒ­λ°”λ₯Ό μˆ¨κΉλ‹ˆλ‹€.
nachocode λŒ€μ‹œλ³΄λ“œμ—μ„œ νƒ­λ°”κ°€ λ¨Όμ € λ“±λ‘λœ ν›„ λΉŒλ“œλœ κ²½μš°μ—λ§Œ μž‘λ™ν•©λ‹ˆλ‹€.

λ°˜ν™˜ κ°’ (hide)​

ν•΄λ‹Ή λ©”μ„œλ“œλŠ” λ°˜ν™˜ 값을 가지지 μ•ŠμŠ΅λ‹ˆλ‹€.

μ‚¬μš© 예제 (hide)​

// νƒ­λ°”λ₯Ό ν™”λ©΄μ—μ„œ μˆ¨κΉλ‹ˆλ‹€.
Nachocode.tabbar.hide();

μΆ”κ°€ 정보​

  • νƒ­λ°” κΈ°λŠ₯을 μ‚¬μš©ν•˜λ €λ©΄ nachocode λŒ€μ‹œλ³΄λ“œμ—μ„œ νƒ­λ°” 섀정을 μ™„λ£Œν•œ ν›„ λΉŒλ“œν•΄μ•Ό ν•©λ‹ˆλ‹€.
  • moveTo λ©”μ„œλ“œμ˜ index 값은 λ“±λ‘λœ νƒ­μ˜ μˆœμ„œμ™€ μΌμΉ˜ν•΄μ•Ό ν•©λ‹ˆλ‹€. 잘λͺ»λœ 인덱슀 값은 λ¬΄μ‹œλ  수 μžˆμŠ΅λ‹ˆλ‹€.