メイン コンテンツにスキップ
@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

ガイド

Capacitorを使用する方法

デバイスでテスト

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

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-home-indicator

Capgo Home Indicatorを使用している場合 Using @capgo/capacitor-home-indicator Capgo Home Indicatorの実装詳細についてはCapgo Home Indicatorを参照してください @capgo/capacitor-home-indicator @capgo/capacitorホームインディケーター実装詳細のため Capgo Home Indicatorを使用して Capgo Home Indicatorの実装詳細についてはCapgo Home Indicatorを参照してください Capgo プラグインディレクトリ Capacitor製品ワークフロー向けに Capgo プラグインディレクトリ Capacitor プラグインを Capgo で Capacitor製品ワークフロー向けに Capacitor プラグインを Capgo で、 プラグインの追加または更新 プラグインの追加または更新の実装詳細

FAQ

インジケータープラグインのFAQ

インジケータープラグインをCapacitorアプリにインストールするにはどうすればいいですか?

「bun add @capgo/capacitor-home-indicator」(または「npm install @capgo/capacitor-home-indicator」)を実行し、次に「bunx cap sync」を実行してiOSとAndroidのプロジェクトがネイティブcodeを取得できるようにします。次に、インポートするには「@capgo/capacitor-home-indicator」を使用してアプリcodeでインポートしてください。

React、Vue、Angularと一緒に@capgo/capacitor-home-indicatorは動作しますか?

Yes. Indicator is a Capacitor package, so it works with any web framework that runs inside Capacitor, including Ionic, React, Vue, Angular, Svelte and plain JavaScript.

どのCapacitorバージョンが@capgo/capacitor-home-indicatorをサポートしていますか?

CapgoプラグインはCapacitorのメジャーバージョンに従います。Capacitorのメジャーバージョンと同じメジャーバージョンのプラグインを使用してください(例えば、プラグインv8とCapacitor 8)。GitHub READMEにはメンテナンスバージョンの互換性表があります。

は@capgo/capacitor-home-indicatorは無料でオープンソースですか?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-home-indicator/ と、パッケージは npm から無料でインストールできます。バグレポートやプルリクエストは歓迎されています。

code を使用するインジケータのアプリが App Store のレビューなしでアップデートできますか?

プラグインをインストールまたはアップグレードすると、ネイティブの code が変更されるため、新しいストアのビルドが必要になります。その後、インジケータを呼び出す JavaScript、HTML、CSS の変更は Capgo のライブアップデートとともに即時で配信できます。

プラグインの変更をアプリレビューの待ちなしで配信します。

プラグインがストアビルドに含まれると、Capgoライブアップデートは、ユーザーにJavaScript、HTML、CSSの変更を数分でプッシュします。

Capgoで始めましょう。