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

インディケーター

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

ガイド

インジケータ用チュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

インディケータープラグインのプレビューQRcode

@capgo/capacitor-home-indicatorを使用

Capacitor Home Indicatorプラグインは、iOSデバイスのホームインディケータの表示を制御するために使用されます。ホームインディケータは、物理ホームボタンが付いていないiOSデバイスの下部に水平方向のバーです。

インストール

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 Capacitor の実装詳細については @capgo/capacitor-home-indicator にあります。 はじめに Capacitor の実装詳細については はじめに にあります。 Capgo プラグイン ディレクトリ Capacitor の製品ワークフローについては Capgo プラグイン ディレクトリ にあります。 Capacitor プラグインは Capgo で提供されています。 for the implementation detail in Capacitor Plugins by Capgo, and プラグインの追加または更新の実装詳細についてはプラグインの追加または更新にあります。 フッター