Saltar al contenido principal
@capgo/home-indicator Interfaz y Sistema De código abierto

Indicador plugin de Capacitor

Ocultar o mostrar el indicador de inicio de iOS para experiencias de aplicaciones de pantalla completa e inmersiva

Instalar

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

Guía

How to use Indicator en Capacitor

Probar en dispositivo

Descargar la aplicación Capgo, luego escanea el código QR code.

Vista previa del plugin de indicador QR code

Usando @capgo/capacitor-home-indicator

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

Instalar

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

bunx cap sync copiar el code nativo del plugin en tus proyectos nativos. Ejecútalo de nuevo después de cada actualización del plugin.

Importar

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

API a un vistazo

Metodo Descripción
hide Ocultar el indicador de inicio en la parte inferior de la pantalla.
show Mostrar el indicador de inicio en la parte inferior de la pantalla.
isHidden Comprobar si el indicador de inicio está actualmente oculto.

Examples

hide()

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

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

await HomeIndicator.hide();

show()

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

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

await HomeIndicator.show();

isHidden()

Comprobar si el indicador de inicio está actualmente oculto.

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

Sigue adelante desde Using @capgo/capacitor-home-indicator

Si estás utilizando Usando @capgo/capacitor-home-indicator para planificar el trabajo de plugin nativo, conecta con @capgo/capacitor-home-indicator para los detalles de implementación en @capgo/capacitor-home-indicator Inicio rápido para los detalles de implementación en Inicio rápido Directorio de Plugins Capgo para el flujo de trabajo del producto en Directorio de Plugins Capgo Plugins de Capacitor por Capgo para el detalle de implementación en Plugins de Capacitor por Capgo, y Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins.

FAQ

Preguntas frecuentes del plugin de indicador

¿Cómo instalo el plugin de indicador en una aplicación Capacitor?

Ejecuta "bun add @capgo/home-indicator" (o "npm install @capgo/home-indicator"), luego ejecuta "bunx cap sync" para que los proyectos iOS y Android capturen el code nativo. Importa desde "@capgo/home-indicator" en tu aplicación code.

¿Funciona @capgo/home-indicator con React, Vue y Angular?

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

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

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

¿Es @capgo/home-indicator gratuito y de código abierto?

Yes. La fuente code está pública en GitHub en https://github.com/Cap-go/capacitor-home-indicator/ y el paquete es gratuito para instalar desde npm.

Puedo actualizar code que utiliza Indicator sin una revisión de la Tienda de Aplicaciones?

Instalar o actualizar el plugin cambia el code nativo, por lo que necesita una nueva compilación de la tienda. Después de eso, los cambios en JavaScript, HTML y CSS que llaman al plugin pueden enviar con actualizaciones Capgo en vivo.

Envía cambios de indicador sin esperar a la revisión de la aplicación

Una vez que el plugin esté en tu tienda de construcción, Capgo actualizaciones en vivo empujan tus cambios de JavaScript, HTML y CSS a los usuarios en minutos

Comienza con Capgo