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 el salto de bloqueo de orientación

Guía

Tutorial sobre orientación de pantalla

Prueba en dispositivo

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

Vista previa del plugin de orientación de pantalla code

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

Interface del plugin de orientación de pantalla Capacitor

Instalar

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

¿Qué se expone con este plugin?

  • orientation - Obtener la orientación de pantalla actual.
  • lock - Bloquear la orientación de 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.

Ejemplo de uso

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

Bloquear 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

Desbloquear la orientación de la pantalla.

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

await ScreenOrientation.unlock();

startOrientationTracking

Iniciar el seguimiento de la orientación del dispositivo utilizando 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 @capgo/capacitor-orientación-de-pantalla

If you are using Usando @capgo/capacitor-screen-orientation conectarlo con @capgo/capacitor-screen-orientation para obtener más detalles en @capgo/capacitor-screen-orientation, Getting Started para obtener más detalles en Getting Started, Usando @capgo/capacitor-live-activities para aprovechar la capacidad nativa en Usando @capgo/capacitor-live-activities, @capgo/capacitor-live-activities para obtener más detalles en @capgo/capacitor-live-activities, y Usando @capgo/capacitor-video-player para la capacidad nativa en Usando @capgo/capacitor-reproductor de video.