본문으로 건너뛰기

탭바 (tabbar)

🔔 최신화 일자: 2025-04-25

개요​

tabbar 네임스페이스는 앱 내 탭바(Tab Bar)의 표시 여부와 특정 탭으로의 전환 등을 제어하는 기능을 제공합니다.
이를 통해 사용자 인터페이스를 동적으로 관리할 수 있습니다.

필수 선행 작업​

nachocode SDK로 탭바 기능을 사용하기 위해서는 nachocode 대시보드에서 탭바가 먼저 등록된 후 빌드된 경우에만 작동합니다.

➡️ 탭바 유저 가이드

메서드 목록​

메서드설명추가된 버전
moveTo(index)특정 인덱스의 탭으로 전환합니다.ver.1.1.0
show()탭바를 화면에 다시 표시합니다.ver.1.1.0
hide()탭바를 화면에서 숨깁니다.ver.1.1.0

메서드 상세​

moveTo(index: number): void​

설명 (moveTo)​

index에 해당하는 탭으로 전환합니다.

매개변수 (moveTo)​

이름타입필수 여부설명
indexnumber✅전환할 탭의 인덱스

반환 값 (moveTo)​

해당 메서드는 반환 값을 가지지 않습니다.

사용 예제 (moveTo)​

// 첫 번째 탭으로 탭을 전환합니다.
Nachocode.tabbar.moveTo(0);

// 두 번째 탭으로 탭을 전환합니다.
Nachocode.tabbar.moveTo(1);

show(): void​

설명 (show)​

현재 숨겨진 탭바를 다시 화면에 표시합니다.

반환 값 (show)​

해당 메서드는 반환 값을 가지지 않습니다.

사용 예제 (show)​

// 숨겨진 탭바를 다시 보이게 합니다.
Nachocode.tabbar.show();

hide(): void​

설명 (hide)​

현재 화면에 표시된 탭바를 숨깁니다.

반환 값 (hide)​

해당 메서드는 반환 값을 가지지 않습니다.

사용 예제 (hide)​

// 탭바를 화면에서 숨깁니다.
Nachocode.tabbar.hide();

추가 정보​

  • 탭바 기능을 사용하려면 nachocode 대시보드에서 탭바 설정을 완료한 후 빌드해야 합니다.
  • moveTo 메서드의 index 값은 등록된 탭의 순서와 일치해야 합니다. 잘못된 인덱스 값은 무시될 수 있습니다.