メインコンテンツにジャンプ
プラグインに戻る
@capgo/home-indicator
チュートリアル
@capgo/home-indicator

インジケーター

フルスクリーンおよびインマーシブアプリのエクスペリエンスのために、iOSホームインジケーターを非表示または表示します。

ガイド

インディケータのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

プレビュー QR コード code

Capacitor の @capgo/capacitor-home-indicator を使用

Capacitor Home Indicator Plugin for controlling the iOS home indicator visibility. The home indicator is the horizontal bar at the bottom of iOS devices without a physical home button.

インストール

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

このプラグインが提供するもの

  • 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');
}

フル リファレンス

Keep going from Using @capgo/capacitor-home-indicator

Capacitor Home Indicator を使用している場合 Using @capgo/capacitor-home-indicator Capacitor Home Indicator を使用して、Capacitor Home Indicator の実装詳細を確認してください。 @capgo/capacitor-home-indicator for the implementation detail in @capgo/capacitor-home-indicator, Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-home-indicator Capacitor Home Indicatorプラグインの実装詳細については、 Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and プラグインの追加または更新 Capacitor Home Indicatorプラグインの実装詳細については、プラグインの追加または更新を参照してください。