ガイド
Capacitor で Indicator を使用する方法
@capgo/capacitor-home-indicator の使用方法
iOSのホームインジケーターの表示を制御するCapacitor Home Indicator Plugin。ホームインジケーターは、物理的なホームボタンがない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/capacitor-home-indicator の使用方法 ネイティブプラグインの作業を計画するには、次と連携してください： @capgo/capacitor-home-indicator @capgo/capacitor-home-indicator の実装の詳細については、 スタートガイド スタートガイドの実装詳細については、 Capgo プラグインディレクトリ Capgo プラグインディレクトリのプロダクトワークフローについては、 Capgo による Capacitor プラグイン Capgo による Capacitor Plugins の実装詳細、および プラグインの追加または更新 プラグインの追加または更新に関する実装詳細についてはこちら。