Salta al contenuto principale
@capgo/capacitor-home-indicator UI e sistema Open source

Indicator Plugin Capacitor

Nascondi o mostra l'home indicator di iOS per un'esperienza app fullscreen e immersiva

Installa

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

Guida

Come usare l'Indicator in Capacitor

Testa sul dispositivo

Scarica l'app Capgo, poi scansiona il QR code.

Anteprima QR del plugin Indicator code

Utilizzando @capgo/capacitor-home-indicator

Il plugin Home Indicator di Capacitor permette di controllare la visibilità dell'indicatore Home su iOS. L'indicatore Home è la barra orizzontale in basso sui dispositivi iOS senza tasto fisico.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
hide Nascondi l'indicatore home in fondo allo schermo.
show Mostra l'indicatore home in fondo allo schermo.
isHidden Verifica se l'indicatore home è attualmente nascosto.

Esempi

hide()

Nascondi l'indicatore home in fondo allo schermo.

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

await HomeIndicator.hide();

show()

Mostra l'indicatore home in fondo allo schermo.

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

await HomeIndicator.show();

isHidden()

Verifica se l'indicatore home è attualmente nascosto.

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

Riferimento completo

Torna a Usare @capgo/capacitor-home-indicator

Se stai usando Usare @capgo/capacitor-home-indicator per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-home-indicator per i dettagli di implementazione in @capgo/capacitor-home-indicator, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ sul plugin Indicator

Come installo il plugin Indicator in un'app Capacitor?

Esegui "bun add @capgo/capacitor-home-indicator" (o "npm install @capgo/capacitor-home-indicator"), poi lancia "bunx cap sync" in modo che i progetti iOS e Android carichino il code nativo. Importalo da "@capgo/capacitor-home-indicator" nel code della tua app.

@capgo/capacitor-home-indicator funziona con React, Vue e Angular?

Sì. Indicator è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor supporta @capgo/capacitor-home-indicator?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-home-indicator è free e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-home-indicator/ e il pacchetto è gratuito su npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa Indicator senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Rilascia le modifiche a Indicator senza aspettare la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo