Vai al contenuto principale
@capgo/capacitor-home-indicator Interfaccia & Sistema Sorgente aperta

Indicator Plugin Capacitor

Nascondi o mostra l'indicatore di home di iOS per esperienze di app fullscreen e immersive

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 utilizzare l'indicatore in Capacitor

Testare sul dispositivo

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

Collegamento QR di anteprima del plugin Indicator code

Utilizzare @capgo/capacitor-home-indicator

Plugin Indicator per Home di Capacitor per il controllo della visibilità dell'indicatore di home iOS. L'indicatore di home è la barra orizzontale in fondo ai dispositivi iOS senza un pulsante di home fisico.

Installa

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

bunx cap sync Esegue una copia del code nativo del plugin nei tuoi progetti nativi. Esegui nuovamente l'operazione dopo ogni aggiornamento del plugin.

Importa

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

Esegui una rapida panoramica del API

Metodo Descrizione
hide Nascondi l'indicatore di home in fondo alla schermata.
show Mostra l'indicatore di home in fondo alla schermata.
isHidden Controlla se l'indicatore di home è attualmente nascosto.

Esempi

hide()

Nascondi l'indicatore di home in fondo alla schermata.

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

await HomeIndicator.hide();

show()

Mostra l'indicatore di home in fondo alla schermata.

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

await HomeIndicator.show();

isHidden()

Controlla se l'indicatore di 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

Continua da Utilizzo di @capgo/capacitor-home-indicator

Se stai utilizzando Utilizzo di @capgo/capacitor-home-indicator per pianificare il lavoro del plugin nativo, connettilo con @capgo/capacitor-home-indicator per i dettagli di implementazione in @capgo/capacitor-home-indicator Getting Started per i dettagli di implementazione in Avvio, Directory Plugin Capgo per il flusso di lavoro del prodotto in Directory Plugin Capgo Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiungere o Aggiornare Plugin per i dettagli di implementazione in Aggiungere o Aggiornare Plugin.

FAQ

Domande frequenti per il plugin dell'indicatore

Come posso installare il plugin dell'indicatore in un'app Capacitor?

Esegui "bun add @capgo/capacitor-home-indicator" (o "npm install @capgo/capacitor-home-indicator"), quindi esegui "bunx cap sync" affinché i progetti iOS e Android recuperino il nativo code. Importalo da "@capgo/capacitor-home-indicator" nella tua app code.

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

Sì. L'indicatore è un pacchetto Capacitor, quindi funziona con qualsiasi framework web che esegue all'interno di Capacitor, compresi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Qual è la versione di Capacitor supportata da @capgo/capacitor-home-indicator?

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

È gratuito e open source @capgo/capacitor-home-indicator?

Yes. La sorgente code è pubblica su GitHub in https://github.com/Cap-go/capacitor-home-indicator/ e il pacchetto è gratuito per l'installazione da npm. I rapporti di bug e le richieste di pull sono i benvenuti.

Posso aggiornare code che utilizza Indicator senza una revisione dell'App Store?

L'installazione o l'aggiornamento del plugin modifica il code nativo, quindi richiede una nuova costruzione dello store. Dopo di che, le modifiche JavaScript, HTML e CSS che chiamano il plugin possono essere inviate istantaneamente con gli aggiornamenti Capgo in tempo reale.

Invia le modifiche dell'indicatore senza attendere la revisione dell'app

Una volta che il plugin è presente nella tua build di store, le Capgo aggiornamenti live inviano le tue modifiche JavaScript, HTML e CSS ai utenti in pochi minuti

Inizia con Capgo