메인 콘텐츠로 건너뛰기
@capgo/capacitor-홈 인디케이터 UI & 시스템 오픈 소스

홈 인디케이터 Capacitor 플러그인

전면 화면 및 몰입형 앱 경험을 위해 iOS 홈 인디케이터를 숨기거나 표시하세요

설치

bun add @capgo/capacitor-home-indicator bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-home-indicator
  • pnpm add @capgo/capacitor-home-indicator
  • yarn add @capgo/capacitor-home-indicator

가이드

How to use Indicator in Capacitor

__CAPGO_KEEP_0__ 기기에서 테스트

Capgo 앱을 다운로드 후 QR code를 스캔하세요.

Indicator 플러그인 미리보기 QR code

@capgo/capacitor-home-indicator 사용

Capacitor iOS 홈 인디케이터 플러그인으로 iOS 홈 인디케이터의 표시 여부를 제어합니다. iOS 기기에서 물리적 홈 버튼이 없는 경우 홈 인디케이터는 기기의 아래쪽에 있는 수평 막대입니다.

설치

bun add @capgo/capacitor-home-indicator
bunx cap sync

bunx cap sync code을 로컬 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

수입

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

API을 한눈에

방법 설명
hide 스크린 하단의 홈 인디케이터를 숨깁니다.
show 스크린 하단의 홈 인디케이터를 표시합니다.
isHidden 현재 홈 인디케이터가 숨겨져 있는지 확인합니다.

예시

hide()

스크린 하단의 홈 인디케이터를 숨깁니다.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.hide();

show()

스크린 하단의 홈 인디케이터를 표시합니다.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.show();

isHidden()

현재 홈 인디케이터가 숨겨져 있는지 확인합니다.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

const { hidden } = await HomeIndicator.isHidden();
if (hidden) {
  console.log('Home indicator is hidden');
} else {
  console.log('Home indicator is visible');
}

전체 참조

@capgo/capacitor-홈 인디케이터에서 계속 사용하세요

이러한 기능을 사용하고 있다면 Using @capgo/capacitor-home-indicator @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-home-indicator @capgo/capacitor-home-indicator for the implementation detail in @capgo/capacitor-home-indicator, 시작하기 Getting Started Capgo 플러그인 디렉토리 Capgo 제품 워크플로우를 위한 플러그인 디렉토리 Capacitor Capgo 플러그인 Capacitor Capgo 플러그인의 구현 세부 정보 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인 추가 또는 업데이트 구현 세부 정보

FAQ

Indicator 플러그인 FAQ

Indicator 플러그인을 Capacitor 앱에 설치하는 방법은 어떻게 되나요?

Run "bun add @capgo/capacitor-home-indicator" (또는 "npm install @capgo/capacitor-home-indicator")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-home-indicator"를 임포트하세요.

React, Vue 및 Angular과 함께 @capgo/capacitor-home-indicator가 작동하나요?

네. Indicator는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 작동하는 경우에 작동합니다.

Capacitor 버전은 @capgo/capacitor-home-indicator가 지원하나요?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-home-indicator는 무료이고 오픈 소스인가요?

네. code은 GitHub에 공개되어 있으며 https://github.com/Cap-go/capacitor-home-indicator/에서 무료로 설치할 수 있습니다. npm에서 버그 리포트와 풀 리퀘스트를 환영합니다.

code을 사용하는 Indicator가 App Store 리뷰 없이 업데이트할 수 있나요?

code을 설치하거나 업그레이드하면 원시 code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후, JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Ship Indicator 변경

플러그인이 스토어 빌드에 포함되면 Capgo live updates는 사용자에게 몇 분만에 자바스크립트, HTML 및 CSS 변경을 푸시합니다.

Capgo로 시작하세요