Allez directement au contenu principal
@capgo/home-indicator Interface utilisateur et système Open source

Indicateur plugin Capacitor

Cacher ou afficher l'indicateur d'accueil iOS pour des expériences d'applications plein écran et immersive

Installer

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

Guide

Comment utiliser l'indicateur dans Capacitor

Tester sur appareil

Télécharger l'application Capgo, puis scanner le QR code.

Lien QR de prévisualisation du plugin d'indicateur code

Utilisation de @capgo/capacitor-home-indicator

Plugin d'indicateur Home de Capacitor pour contrôler la visibilité de l'indicateur Home sur iOS. L'indicateur Home est la barre horizontale en bas des appareils iOS sans bouton Home physique.

Installer

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

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

Importer

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

API en un coup d'œil

Méthode Description
hide Cacher l'indicateur de la page d'accueil en bas de l'écran.
show Afficher l'indicateur de la page d'accueil en bas de l'écran.
isHidden Vérifier si l'indicateur de la page d'accueil est actuellement caché.

Exemples

hide()

Cacher l'indicateur de la page d'accueil en bas de l'écran.

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

await HomeIndicator.hide();

show()

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

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

await HomeIndicator.show();

isHidden()

Vérifier si l'indicateur de la page d'accueil est actuellement caché.

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

Continuez d'où vous en êtes avec @capgo/capacitor-home-indicator

Si vous utilisez Utilisation de @capgo/capacitor-home-indicator pour planifier le travail de plugin natif, connectez-l’avec @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 Prise en main, Répertoire des plugins Capgo pour le flux de travail du produit dans Répertoire des plugins Capgo, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, et Installation ou mise à jour des plugins pour les détails d'implémentation dans Installation ou mise à jour des plugins.

FAQ

FAQ du plugin d'indicateur

Comment installer le plugin d'indicateur dans une application Capacitor ?

Exécutez la commande « bun add @capgo/home-indicator » (ou « npm install @capgo/home-indicator »), puis exécutez « bunx cap sync » afin que les projets iOS et Android prennent en compte les natives code. Importez-l’à partir de « @capgo/home-indicator » dans votre application code.

Le plugin @capgo/home-indicateur fonctionne-t-il avec React, Vue et Angular ?

Oui. L'indicateur est un package Capacitor, il fonctionne donc avec tout framework web qui tourne à l'intérieur de Capacitor, y compris Ionic, React, Vue, Angular, Svelte et JavaScript pur.

Quelle version de Capacitor est prise en charge par @capgo/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, plugin v8 avec Capacitor 8). La table de compatibilité dans le README du GitHub liste les versions maintenues.

Le plugin @capgo/home-indicateur est-il gratuit et open source ?

Oui. Le code source code est public sur GitHub à l'adresse https://github.com/Cap-go/capacitor-home-indicateur/ et le package est gratuit à installer à partir de npm. Les rapports de bogues et les demandes de modification sont les bienvenus.

Peut-on mettre à jour code qui utilise l'indicateur sans passer par une revue de l'App Store ?

L'installation ou la mise à niveau du plugin modifie les natives code, il faut donc une nouvelle build de l'application. Après cela, les modifications JavaScript, HTML et CSS qui appellent le plugin peuvent être déployées instantanément avec les mises à jour Capgo.

Ship Indicator changes without waiting for app review

Une fois le plugin est dans votre magasin de build, Capgo les mises à jour en temps réel poussent vos modifications JavaScript, HTML et CSS chez les utilisateurs en quelques minutes.

Démarrer avec Capgo