Saltar al contenido principal
Volver a plugins
@capgo/capacitor-orientación-de-pantalla
Tutoriales
@capgo/capacitor-orientación-de-pantalla

Orientación de pantalla

Plugin de orientación de pantalla con soporte para saltar el bloqueo de orientación

Guía

Tutorial sobre Orientación de Pantalla

Probar en dispositivo

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

Enlace QR de vista previa del plugin de orientación de pantalla code

Usando @capgo/capacitor-orientación-de-pantalla

Capacitor Interfaz del plugin de orientación de pantalla.

Instalar

bun add @capgo/capacitor-screen-orientation
bunx cap sync

¿Qué se expone con este plugin?

  • orientation - Obtener la orientación actual de la pantalla.
  • lock - Bloquear la orientación de la pantalla a un tipo específico.
  • unlock - Desbloquear la orientación de la pantalla.
  • startOrientationTracking - Iniciar el seguimiento de la orientación del dispositivo utilizando sensores de movimiento.

Uso de ejemplo

orientation

Obtener la orientación actual de la pantalla.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

const result = await ScreenOrientation.orientation();
console.log('Current orientation:', result.type);

lock

Configura la orientación de la pantalla a un tipo específico.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

// Standard lock
await ScreenOrientation.lock({ orientation: 'landscape' });

// Lock with motion tracking on iOS
await ScreenOrientation.lock({
  orientation: 'portrait',
  bypassOrientationLock: true
});

unlock

Desbloquea la orientación de la pantalla.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.unlock();

startOrientationTracking

Inicia la detección de la orientación del dispositivo mediante sensores de movimiento.

import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';

await ScreenOrientation.startOrientationTracking({
  bypassOrientationLock: true
});

// Listen for changes
ScreenOrientation.addListener('screenOrientationChange', (result) => {
  console.log('Orientation changed:', result.type);
});

Referencia completa

Sigue adelante desde Usando @capgo/capacitor-orientación-de-pantalla

Si estás utilizando Usando @capgo/capacitor-orientación-de-pantalla para planificar el comportamiento de medios y interfaz nativos, conecta con @capgo/capacitor-orientación-de-pantalla For el detalle de implementación en @capgo/capacitor-orientación de pantalla, Getting Started For el detalle de implementación en Getting Started, Usando @capgo/capacitor-actividades en vivo For la capacidad nativa en Usando @capgo/capacitor-actividades en vivo, @capgo/capacitor-actividades en vivo For el detalle de implementación en @capgo/capacitor-actividades en vivo, y Usando @capgo/capacitor-reproductor de video For la capacidad nativa en Usando @capgo/capacitor-reproductor de video.