Aller au contenu principal
@capgo/capacitor-home-indicator UI & système Open source

Indicateur Plugin Capacitor

Masquer ou afficher l'indicateur d'accueil iOS pour des expériences plein écran et immersives

Installer

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

Guide

Comment utiliser Indicator dans Capacitor

Tester sur l'appareil

Téléchargez l'application Capgo, puis scannez le QR code.

Aperçu du plugin Indicator via QR code

Utilisation de @capgo/capacitor-home-indicator

Le plugin Home Indicator de Capacitor permet de contrôler la visibilité de l'indicateur d'accueil sur iOS. L'indicateur d'accueil est la barre horizontale située au bas des appareils iOS sans bouton d'accueil physique.

Installer

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

bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.

Importer

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

Aperçu de API

Méthode Description
hide Masquer l'indicateur d'accueil en bas de l'écran.
show Afficher l'indicateur d'accueil en bas de l'écran.
isHidden Vérifier si l'indicateur d'accueil est actuellement masqué.

Exemples

hide()

Masquer l'indicateur d'accueil en bas de l'écran.

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

await HomeIndicator.hide();

show()

Afficher l'indicateur d'accueil en bas de l'écran.

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

await HomeIndicator.show();

isHidden()

Vérifier si l'indicateur d'accueil est actuellement masqué.

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

Référence complète

Continuer après l'utilisation de @capgo/capacitor-home-indicator

Si vous utilisez Utilisation de @capgo/capacitor-home-indicator pour planifier le travail sur les plugins natifs, connectez-l’à @capgo/capacitor-home-indicator pour les détails d'implémentation dans @capgo/capacitor-home-indicator, Prise en main pour les détails d'implémentation dans Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.

FAQ

FAQ du plugin Indicator

Comment installer le plugin Indicator dans une application Capacitor ?

Exécutez "bun add @capgo/capacitor-home-indicator" (ou "npm install @capgo/capacitor-home-indicator"), puis lancez "bunx cap sync" pour que les projets iOS et Android prennent en compte le code natif. Importez-le depuis "@capgo/capacitor-home-indicator" dans votre code.

Est-ce que @capgo/capacitor-home-indicator fonctionne avec React, Vue et Angular ?

Oui. Indicator est un package Capacitor, il fonctionne donc avec n'importe quel framework web tournant sous Capacitor, y compris Ionic, React, Vue, Angular, Svelte et le JavaScript pur.

Quelle version de Capacitor est supportée par @capgo/capacitor-home-indicator ?

Les plugins Capgo suivent la version majeure de Capacitor : utilisez la version majeure du plugin qui correspond à la version majeure de votre Capacitor (par exemple le plugin v8 avec Capacitor 8). Le tableau de compatibilité du README de GitHub recense les versions maintenues.

Est-ce que @capgo/capacitor-home-indicator est gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-home-indicator/ et le package est gratuit à installer via npm. Les rapports de bugs et les pull requests sont les bienvenus.

Puis-je mettre à jour code utilisant Indicator sans passer par une revue de l'App Store ?

L'installation ou la mise à jour du plugin modifie le code natif, ce qui impose un nouveau build pour les stores. Ensuite, les changements JavaScript, HTML et CSS qui appellent le plugin peuvent être livrés instantanément via les live updates de Capgo.

Déployez les changements de l'indicateur sans attendre la validation de l'app

Une fois le plugin intégré à votre build de store, Capgo live updates déploie vos changements JavaScript, HTML et CSS aux utilisateurs en quelques minutes.

Commencez avec Capgo