Saltar al contenido principal
@capgo/capacitor-home-indicator UI y Sistema Código abierto

Indicador plugin Capacitor

Oculta o muestra el indicador de inicio de iOS para apps inmersivas y a pantalla completa

Instalar

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

Guía

Cómo usar el Indicator en Capacitor

Probar en el dispositivo

Descarga la app Capgo y escanea el QR code.

Vista previa QR del plugin Indicator code

Uso de @capgo/capacitor-home-indicator

Capacitor Home Indicator Plugin para controlar la visibilidad del indicador de inicio en iOS. El home indicator es la barra horizontal en la parte inferior de los dispositivos iOS sin botón de inicio físico.

Instalar

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

bunx cap sync copia el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo tras cada actualización del plugin.

Importar

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

API de un vistazo

Método Descripción
hide Oculta el indicador de inicio en la parte inferior de la pantalla.
show Muestra el indicador de inicio en la parte inferior de la pantalla.
isHidden Comprueba si el indicador de inicio está oculto actualmente.

Ejemplos

hide()

Oculta el indicador de inicio en la parte inferior de la pantalla.

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

await HomeIndicator.hide();

show()

Muestra el indicador de inicio en la parte inferior de la pantalla.

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

await HomeIndicator.show();

isHidden()

Comprueba si el indicador de inicio está oculto actualmente.

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

Referencia completa

Continúa desde Using @capgo/capacitor-home-indicator

Si estás usando Uso de @capgo/capacitor-home-indicator para planificar el trabajo con plugins nativos, conéctalo con @capgo/capacitor-home-indicator para los detalles de implementación en @capgo/capacitor-home-indicator, Primeros pasos para los detalles de implementación en Primeros pasos, Directorio de plugins de Capgo para el flujo de trabajo del producto en Capgo Plugin Directory, Plugins de Capacitor por Capgo para los detalles de implementación en Capacitor Plugins de Capgo, y Añadir o actualizar plugins para los detalles de implementación al añadir o actualizar plugins.

FAQ

Preguntas frecuentes del plugin Indicator

¿Cómo instalo el plugin Indicator en una app Capacitor?

Ejecuta "bun add @capgo/capacitor-home-indicator" (o "npm install @capgo/capacitor-home-indicator"), luego ejecuta "bunx cap sync" para que los proyectos de iOS y Android detecten el code nativo. Impórtalo desde "@capgo/capacitor-home-indicator" en el code de tu app.

¿Es compatible @capgo/capacitor-home-indicator con React, Vue y Angular?

Sí. Indicator es un paquete Capacitor, por lo que funciona con cualquier framework web que corra dentro de Capacitor, incluyendo Ionic, React, Vue, Angular, Svelte y JavaScript puro.

¿Qué versión de Capacitor soporta @capgo/capacitor-home-indicator?

Los plugins de Capgo siguen la versión mayor de Capacitor: usa la versión mayor del plugin que coincida con la versión mayor de tu Capacitor (por ejemplo, el plugin v8 con Capacitor 8). La tabla de compatibilidad del README de GitHub lista las versiones mantenidas.

¿Es @capgo/capacitor-home-indicator gratuito y open source?

Sí. El código fuente de code es público en GitHub en https://github.com/Cap-go/capacitor-home-indicator/ y el paquete es gratuito en npm. Los reportes de bugs y pull requests son bienvenidos.

¿Puedo actualizar code que usa Indicator sin pasar por la revisión de la App Store?

Instalar o actualizar el plugin cambia el code nativo, así que requiere un nuevo build para la tienda. Después, los cambios de JavaScript, HTML y CSS que llamen al plugin se pueden publicar al instante con las live updates de Capgo.

Cambia el indicador sin esperar la revisión de la app

Una vez que el plugin esté en tu store build, Capgo live updates envía tus cambios de JavaScript, HTML y CSS a los usuarios en minutos.

Empieza con Capgo